Muted Cornflower is a medium, moderately saturated shade in the blue color family, with a cool feel. Its HEX code is #4D75B2, which equals rgb(77, 117, 178) in RGB and hsl(216, 40%, 50%) in HSL. In print terms it converts to roughly C57 M34 Y0 K30, although exact CMYK results depend on the paper and color profile.
- HEX
#4D75B2 - RGB
77, 117, 178 - HSL
216°, 40%, 50% - CMYK
57, 34, 0, 30 - Family
Blue - Tone
Medium, moderately saturated
About Muted 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. It works well for buttons, headings, illustrations and brand accents. Text in white is the most readable choice on this color, with a contrast ratio of 4.66:1. Its complementary color is #B38A4D.
Download Muted 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…
Muted Cornflower color codes
| HEX | #4D75B2 |
|---|---|
| RGB | rgb(77, 117, 178) |
| HSL | hsl(216, 40%, 50%) |
| HSV | 216°, 57%, 70% |
| CMYK | 57%, 34%, 0%, 30% |
| Decimal | 5076402 |
Shades and tints of Muted Cornflower
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E1E8F2 - 100
#C4D1E5 - 200
#A6BAD9 - 300
#88A3CC - 400
#6B8CBF - 500
#4D75B2 - 600
#406294 - 700
#334E77 - 800
#273B59 - 900
#1A273B - 950
#0D141E
Color harmonies for Muted Cornflower
- Complementary
#B38A4D≈ Muted Tangerine - Analogous −30°
#4DA8B3≈ Muted Lagoon - Analogous +30°
#574DB3≈ Muted Ultramarine - Triadic +120°
#B34D75≈ Muted Carmine - Triadic +240°
#75B34D≈ Muted Fern - Split 150°
#B3574D≈ Muted Scarlet - Split 210°
#A8B34D≈ Muted Citron
Contrast and accessibility of Muted Cornflower
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Muted Cornflower | Aa | 4.66:1 | AA (good) |
| Black text on Muted Cornflower | Aa | 4.50:1 | AA (good) |
CSS code for Muted Cornflower
background-color: #4D75B2;color: #4D75B2;background-color: rgb(77, 117, 178);background-color: hsl(216, 40%, 50%);:root { --color-muted-cornflower: #4D75B2; }class="bg-[#4D75B2]"Colors similar to Muted Cornflower
- Muted Cerulean
#4D7FB2 - Muted Sapphire
#4D6BB2 - Steel Blue
#4682B4 - Muted Cobalt
#4D61B2 - Muted Azure
#4D8AB2 - Medium Light Muted Royal
#6972BF - Medium Light Muted Cobalt
#697ABF - Medium Dark Muted Azure
#407496 - Medium Dark Muted Capri
#407C96 - Medium Dark Soft Azure
#2B78AB - Medium Light Muted Blue
#6969BF - Medium Dark Muted Cerulean
#406B96
More blue shades
- Palest Soft Cornflower
#D6E2F5 - Darkest Muted Cornflower
#0F1724 - Very Dark Muted Cornflower
#1C2A40 - Dark Muted Cornflower
#283D5D - Deep Muted Cornflower
#345079 - Medium Dark Muted Cornflower
#406396 - Medium Light Muted Cornflower
#698BBF - Light Muted Cornflower
#86A1CB - Pale Muted Cornflower
#A2B7D7 - Very Pale Muted Cornflower
#BFCDE3 - Palest Muted Cornflower
#DBE3F0
Frequently asked questions
What is the HEX code for Muted Cornflower?
The HEX code for Muted Cornflower is #4D75B2.
What is the RGB value of Muted Cornflower?
Muted Cornflower has an RGB value of 77, 117, 178 (rgb(77, 117, 178)). In HSL it is 216°, 40%, 50%.
What text color should I use on Muted Cornflower?
Use white text on Muted Cornflower. White text has a contrast ratio of 4.66:1 and black text has 4.50:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Muted Cornflower?
The complementary color of Muted Cornflower is #B38A4D. Analogous colors #4DA8B3 and #574DB3 also pair well.