Codes & values
- Color Name
Cornflower Blue - Color ID
KDF-C-06591981 - HEX
#6495ED - RGB
rgb(100, 149, 237) - RGBA
rgba(100, 149, 237, 1) - HSL
hsl(219, 79%, 66%) - HSLA
hsla(219, 79%, 66%, 1) - HSV / HSB
hsv(219, 58%, 93%) - CMYK
cmyk(58%, 37%, 0%, 7%) - Light / Dark
mid
Quick answers
- What is the HEX code for Cornflower Blue?
- #6495ED
- What is Cornflower Blue RGB?
- rgb(100, 149, 237)
- What is Cornflower Blue HSL?
- hsl(219, 79%, 66%)
- What is Cornflower Blue CMYK?
- cmyk(58%, 37%, 0%, 7%)
What is Cornflower Blue?
Cornflower Blue is a curated blue family color at #6495ED. It appears in our library with tags for web, design, ui and matches the CSS named color keyword. This mid-range shade works as a primary brand or UI accent when contrast with text is verified. Temperature lean: cool — calmer, often used for tech, healthcare, and finance trust..
Cornflower Blue HEX code
The HEX code for Cornflower Blue is #6495ED. Paste it into CSS as color: #6495ED; or background-color: #6495ED;. Design tools accept the same six-digit value without the # prefix (6495ed).
Cornflower Blue RGB
Cornflower Blue in RGB is rgb(100, 149, 237) (channels R 100, G 149, B 237). Use RGB when you need opacity via rgba(100, 149, 237, 1).
Cornflower Blue HSL & HSV
HSL is hsl(219, 79%, 66%) — useful for generating lighter/darker variants by adjusting lightness. HSV/HSB is hsv(219, 58%, 93%), closer to how many digital pickers expose hue, saturation, and brightness.
Cornflower Blue CMYK
Approximate CMYK for Cornflower Blue is cmyk(58%, 37%, 0%, 7%). Screen HEX/RGB values are device-dependent; for print, always soft-proof in your print profile rather than relying on a web conversion alone.
Shades of Cornflower Blue
Darker shades (mixed toward black): #537CC6, #43639E, #324B77, #21324F, #111927. Use deeper shades for hover states, borders, and dark-mode accents.
Tints of Cornflower Blue
Lighter tints (mixed toward white): #7EA7F0, #98B8F3, #B2CAF6, #CBDCF9, #E5EDFC. Tints work well for soft backgrounds, chips, and secondary buttons.
Colors that go with Cornflower Blue
Complementary pairing: #6495ED, #EDBC64. Analogous neighbors: #64D9ED, #6495ED, #7864ED. Triadic accents: #6495ED, #ED6495, #95ED64. Always check text contrast when pairing.
Cornflower Blue color combinations
A practical combo: primary #6495ED, complementary accent #EDBC64, and a neutral charcoal or off-white for text and surfaces. Split-complementary options: #6495ED, #ED7764, #DAED64.
Cornflower Blue in web design
Blue remains the default trust color for SaaS, finance, and health UI. Royal and navy blues anchor headers; sky blues soften backgrounds and links.
Cornflower Blue in branding
Brand blues communicate reliability. Royal blue and navy remain corporate staples; electric blue reads more startup. Contrast vs white is 2.97:1 (better as a large accent or background than small body text); vs black 7.06:1.
Frequently asked questions
- What is the HEX code for Cornflower Blue?
- Cornflower Blue: #6495ED.
- What is Cornflower Blue RGB?
- Cornflower Blue: rgb(100, 149, 237).
- What is Cornflower Blue HSL?
- Cornflower Blue: hsl(219, 79%, 66%).
- What is Cornflower Blue CMYK?
- Cornflower Blue: cmyk(58%, 37%, 0%, 7%).
- What colors go with Cornflower Blue?
- Try complementary #6495ED, #EDBC64 or analogous #64D9ED, #6495ED, #7864ED.
- Is Cornflower Blue good for text on white?
- Not ideal for small body text (2.97:1). Use as a large heading, button, or background instead.
Accessibility snapshot
Contrast vs white: 2.97:1 (prefer large accent or background). Contrast vs black: 7.06:1. Complementary swatch: #6495ED, #EDBC64.
Explore related
Blue colorsColor pickerPalette generatorContrast checkerColor guidesComplete Color Code GuideHow HEX Colors WorkHEX vs RGB vs CMYK