Soft Blue is a medium, saturated shade in the blue color family, with a cool feel. Its HEX code is #3333CC, which equals rgb(51, 51, 204) in RGB and hsl(240, 60%, 50%) in HSL. In print terms it converts to roughly C75 M75 Y0 K20, although exact CMYK results depend on the paper and color profile.
- HEX
#3333CC - RGB
51, 51, 204 - HSL
240°, 60%, 50% - CMYK
75, 75, 0, 20 - Family
Blue - Tone
Medium, saturated
About Soft Blue
Blue shades feel trustworthy, calm and professional. This family includes cyans, teals, skies and navies, and it is the most common choice for technology, finance and healthcare brands. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in white is the most readable choice on this color, with a contrast ratio of 8.45:1. Its complementary color is #CCCC33.
Download Soft Blue as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Soft Blue color codes
| HEX | #3333CC |
|---|---|
| RGB | rgb(51, 51, 204) |
| HSL | hsl(240, 60%, 50%) |
| HSV | 240°, 75%, 80% |
| CMYK | 75%, 75%, 0%, 20% |
| Decimal | 3355596 |
Shades and tints of Soft Blue
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#DDDDF7 - 100
#BBBBEE - 200
#9999E6 - 300
#7777DD - 400
#5555D5 - 500
#3333CC - 600
#2B2BAA - 700
#222288 - 800
#1A1A66 - 900
#111144 - 950
#090922
Color harmonies for Soft Blue
- Complementary
#CCCC33≈ Soft Citron - Analogous −30°
#3380CC≈ Soft Cerulean - Analogous +30°
#8033CC≈ Soft Violet - Triadic +120°
#CC3333≈ Soft Cardinal - Triadic +240°
#33CC33≈ Lime Green - Split 150°
#CC8033≈ Bronze - Split 210°
#80CC33≈ Soft Spring Bud
Contrast and accessibility of Soft Blue
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Soft Blue | Aa | 8.45:1 | AAA (excellent) |
| Black text on Soft Blue | Aa | 2.49:1 | Fails |
CSS code for Soft Blue
background-color: #3333CC;color: #3333CC;background-color: rgb(51, 51, 204);background-color: hsl(240, 60%, 50%);:root { --color-soft-blue: #3333CC; }class="bg-[#3333CC]"Colors similar to Soft Blue
- Soft Ultramarine
#4233CC - Soft Royal
#3342CC - Persian Blue
#1C39BB - Soft Indigo
#5233CC - Medium Dark Bright Cobalt
#1538C1 - Medium Dark Bright Royal
#1527C1 - Medium Light Bright Blue
#3E3EEA - Medium Dark Soft Royal
#2B38AB - Medium Dark Soft Ultramarine
#382BAB - Medium Dark Soft Blue
#2B2BAB - Bright Royal
#192EE6 - Soft Cobalt
#3352CC
More blue shades
- Palest Bright Blue
#D1D1FA - Darkest Soft Blue
#0A0A29 - Very Dark Soft Blue
#121249 - Dark Soft Blue
#1B1B6A - Deep Soft Blue
#23238B - Medium Dark Soft Blue
#2B2BAB - Medium Light Soft Blue
#5454D4 - Light Soft Blue
#7474DC - Pale Soft Blue
#9595E4 - Very Pale Soft Blue
#B6B6ED - Palest Soft Blue
#D6D6F5
Frequently asked questions
What is the HEX code for Soft Blue?
The HEX code for Soft Blue is #3333CC.
What is the RGB value of Soft Blue?
Soft Blue has an RGB value of 51, 51, 204 (rgb(51, 51, 204)). In HSL it is 240°, 60%, 50%.
What text color should I use on Soft Blue?
Use white text on Soft Blue. White text has a contrast ratio of 8.45:1 and black text has 2.49:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Soft Blue?
The complementary color of Soft Blue is #CCCC33. Analogous colors #3380CC and #8033CC also pair well.