Soft Cerulean is a medium, saturated shade in the blue color family, with a cool feel. Its HEX code is #337FCC, which equals rgb(51, 127, 204) in RGB and hsl(210, 60%, 50%) in HSL. In print terms it converts to roughly C75 M38 Y0 K20, although exact CMYK results depend on the paper and color profile.
- HEX
#337FCC - RGB
51, 127, 204 - HSL
210°, 60%, 50% - CMYK
75, 38, 0, 20 - Family
Blue - Tone
Medium, saturated
About Soft Cerulean
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 black is the most readable choice on this color, with a contrast ratio of 5.05:1. Its complementary color is #CC8033.
Download Soft Cerulean 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 Cerulean color codes
| HEX | #337FCC |
|---|---|
| RGB | rgb(51, 127, 204) |
| HSL | hsl(210, 60%, 50%) |
| HSV | 210°, 75%, 80% |
| CMYK | 75%, 38%, 0%, 20% |
| Decimal | 3375052 |
Shades and tints of Soft Cerulean
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#DDEAF7 - 100
#BBD4EE - 200
#99BFE6 - 300
#77AADD - 400
#5594D5 - 500
#337FCC - 600
#2B6AAA - 700
#225588 - 800
#1A4066 - 900
#112A44 - 950
#091522
Color harmonies for Soft Cerulean
- Complementary
#CC8033≈ Bronze - Analogous −30°
#33CCCC≈ Soft Teal - Analogous +30°
#3333CC≈ Soft Ultramarine - Triadic +120°
#CC3380≈ Soft Rose - Triadic +240°
#80CC33≈ Soft Spring Bud - Split 150°
#CC3333≈ Soft Cardinal - Split 210°
#CCCC33≈ Soft Citron
Contrast and accessibility of Soft Cerulean
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Soft Cerulean | Aa | 4.16:1 | AA Large only |
| Black text on Soft Cerulean | Aa | 5.05:1 | AA (good) |
CSS code for Soft Cerulean
background-color: #337FCC;color: #337FCC;background-color: rgb(51, 127, 204);background-color: hsl(210, 60%, 50%);:root { --color-soft-cerulean: #337FCC; }class="bg-[#337FCC]"Colors similar to Soft Cerulean
- Soft Cornflower
#3370CC - Soft Azure
#338FCC - Medium Dark Bright Azure
#157CC1 - Steel Blue
#4682B4 - Medium Light Soft Sapphire
#547AD4 - Medium Light Bright Cornflower
#3E83EA - Medium Light Soft Cornflower
#5487D4 - Medium Dark Bright Capri
#158DC1 - Medium Dark Soft Capri
#2B85AB - Bright Cerulean
#197FE6 - Muted Cerulean
#4D7FB2 - Medium Dark Soft Azure
#2B78AB
More blue shades
- Palest Bright Cerulean
#D1E5FA - Darkest Soft Cerulean
#0A1929 - Very Dark Soft Cerulean
#122E49 - Dark Soft Cerulean
#1B426A - Deep Soft Cerulean
#23578B - Medium Dark Soft Cerulean
#2B6BAB - Medium Light Soft Cerulean
#5494D4 - Light Soft Cerulean
#74A8DC - Pale Soft Cerulean
#95BDE4 - Very Pale Soft Cerulean
#B6D1ED - Palest Soft Cerulean
#D6E5F5
Frequently asked questions
What is the HEX code for Soft Cerulean?
The HEX code for Soft Cerulean is #337FCC.
What is the RGB value of Soft Cerulean?
Soft Cerulean has an RGB value of 51, 127, 204 (rgb(51, 127, 204)). In HSL it is 210°, 60%, 50%.
What text color should I use on Soft Cerulean?
Use black text on Soft Cerulean. White text has a contrast ratio of 4.16:1 and black text has 5.05:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Soft Cerulean?
The complementary color of Soft Cerulean is #CC8033. Analogous colors #33CCCC and #3333CC also pair well.