A vivid medium blue, black text passes AA
What color is cornflowerblue?
cornflowerblue is a vivid medium blue: #6495ed in hex, rgb(100 149 237). Black text on it reaches 7.06:1, passing WCAG AAA. Recolor (recolor.page) shows it on a real page below.
Last updated
| Format | Value |
|---|---|
| Keyword | cornflowerblue |
| Hex | #6495ed |
| RGB | rgb(100 149 237) |
| HSL | hsl(219 79% 66%) |
| OKLCH | oklch(67.5% 0.141 261.3) |
| Nearest Tailwind color | blue-400 #51a2ff, 0.039 away in OKLab |
| White text | 2.97:1: AA fails, AAA fails, large text fails |
| Black text | 7.06:1: AA passes, AAA passes, large text passes |
About cornflowerblue
A vivid medium blue is the plain description of cornflowerblue: OKLCH lightness 67.5%, chroma 0.141, hue 261.3 degrees.
HSL and OKLCH agree on how light it is, 66% and 67.5%. The nearest CSS named color, dodgerblue (#1e90ff), is 0.059 away in OKLab: related, but plainly a different color.
Black text on cornflowerblue measures 7.06:1, past the 7:1 of WCAG AAA, while white text manages only 2.97:1. In the hue-sorted table of named colors it sits between deepskyblue and dodgerblue.
In Tailwind CSS 4.3.3 the nearest default color is blue-400 (#51a2ff), 0.039 away in OKLab; for the exact color, an arbitrary value such as bg-[#6495ed] works.
Tints and shades
- #e4eefd
- #cadcfb
- #b0cbf9
- #97b9f5
- #7da7f1
- #6495ed
- #4d74ba
- #375489
- #22375c
- #0f1b32
- #02050d
From light to dark: 5 toward white and 5 toward black, mixed in OKLCH a sixth of the way at a time with the hue kept. A step that would repeat its neighbor is left out.
A palette around it
- #6495ed
- #181c2e
- #c6e5de
- #914832
- #d1ca97
Recolor's generator, with cornflowerblue locked as swatch 1 and the seed taken from its hex, drew a free palette, hues spread around the wheel: #181c2e, #c6e5de, #914832, #d1ca97. Open it in Recolor.
Using cornflowerblue
As a text color, cornflowerblue on a black page gives the same 7.06:1.
.notice {
background-color: cornflowerblue; /* #6495ed */
color: black; /* 7.06:1 */
}Common questions
Does white text pass WCAG AA on cornflowerblue?
No. White text measures 2.97:1 on cornflowerblue, under AA's 4.5:1; black text measures 7.06:1 and passes.
Can cornflowerblue be written in OKLCH?
Yes: oklch(67.5% 0.141 261.3), computed from #6495ed. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to cornflowerblue?
No. The nearest, dodgerblue (#1e90ff), is 0.059 away in OKLab, a different color.