Soft Cornflower is a medium, saturated shade in the blue color family, with a cool feel. Its HEX code is #3370CC, which equals rgb(51, 112, 204) in RGB and hsl(216, 60%, 50%) in HSL. In print terms it converts to roughly C75 M45 Y0 K20, although exact CMYK results depend on the paper and color profile.
- HEX
#3370CC - RGB
51, 112, 204 - HSL
216°, 60%, 50% - CMYK
75, 45, 0, 20 - Family
Blue - Tone
Medium, saturated
About Soft Cornflower
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. Designers often reach for it as an accent, a button color or a background tint. Text in white is the most readable choice on this color, with a contrast ratio of 4.85:1. Its complementary color is #CC8F33.
Download Soft Cornflower 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 Cornflower color codes
| HEX | #3370CC |
|---|---|
| RGB | rgb(51, 112, 204) |
| HSL | hsl(216, 60%, 50%) |
| HSV | 216°, 75%, 80% |
| CMYK | 75%, 45%, 0%, 20% |
| Decimal | 3371212 |
Shades and tints of Soft Cornflower
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#DDE7F7 - 100
#BBCFEE - 200
#99B8E6 - 300
#77A0DD - 400
#5588D5 - 500
#3370CC - 600
#2B5DAA - 700
#224B88 - 800
#1A3866 - 900
#112544 - 950
#091322
Color harmonies for Soft Cornflower
- Complementary
#CC8F33≈ Peru - Analogous −30°
#33BDCC≈ Soft Cyan - Analogous +30°
#4233CC≈ Soft Blue - Triadic +120°
#CC3370≈ Soft Ruby - Triadic +240°
#70CC33≈ Soft Leaf - Split 150°
#CC4233≈ Soft Red - Split 210°
#BDCC33≈ Soft Yellow
Contrast and accessibility of Soft Cornflower
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Soft Cornflower | Aa | 4.85:1 | AA (good) |
| Black text on Soft Cornflower | Aa | 4.33:1 | AA Large only |
CSS code for Soft Cornflower
background-color: #3370CC;color: #3370CC;background-color: rgb(51, 112, 204);background-color: hsl(216, 60%, 50%);:root { --color-soft-cornflower: #3370CC; }class="bg-[#3370CC]"Colors similar to Soft Cornflower
- Soft Cerulean
#337FCC - Soft Sapphire
#3361CC - Royal Blue
#4169E1 - Medium Dark Bright Cerulean
#156BC1 - Medium Light Soft Cobalt
#546DD4 - Medium Light Bright Sapphire
#3E72EA - Medium Dark Bright Azure
#157CC1 - Medium Light Soft Sapphire
#547AD4 - Medium Dark Soft Cerulean
#2B6BAB - Medium Dark Soft Azure
#2B78AB - Bright Cornflower
#196BE6 - Muted Cornflower
#4D75B2
More blue shades
- Palest Bright Cornflower
#D1E1FA - Darkest Soft Cornflower
#0A1629 - Very Dark Soft Cornflower
#122849 - Dark Soft Cornflower
#1B3A6A - Deep Soft Cornflower
#234C8B - Medium Dark Soft Cornflower
#2B5EAB - Medium Light Soft Cornflower
#5487D4 - Light Soft Cornflower
#749EDC - Pale Soft Cornflower
#95B5E4 - Very Pale Soft Cornflower
#B6CCED - Palest Soft Cornflower
#D6E2F5
Frequently asked questions
What is the HEX code for Soft Cornflower?
The HEX code for Soft Cornflower is #3370CC.
What is the RGB value of Soft Cornflower?
Soft Cornflower has an RGB value of 51, 112, 204 (rgb(51, 112, 204)). In HSL it is 216°, 60%, 50%.
What text color should I use on Soft Cornflower?
Use white text on Soft Cornflower. White text has a contrast ratio of 4.85:1 and black text has 4.33:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Soft Cornflower?
The complementary color of Soft Cornflower is #CC8F33. Analogous colors #33BDCC and #4233CC also pair well.