Cornsilk color (#FFF8DC)
Cornsilk is one of the 148 CSS named colors. Use the keyword cornsilk
anywhere CSS accepts a color, or its hex code #FFF8DC, which is rgb(255, 248, 220) in RGB.
It is a very light, muted color with a hue angle of 48° on the HSL color wheel and a perceived lightness of 98% in OKLCH. On a cornsilk background, black text gives the higher contrast at 19.71:1, which passes WCAG AA for normal text.
Cornsilk color codes
| CSS name | cornsilk |
|
|---|---|---|
| HEX | #FFF8DC |
|
| HEX (8-digit) | #FFF8DCFF |
|
| RGB | rgb(255, 248, 220) |
|
| HSL | hsl(48, 100%, 93%) |
|
| HSV / HSB | hsv(48, 14%, 100%) |
|
| OKLCH | oklch(97.7% 0.0373 95.4) |
|
| CMYK | cmyk(0%, 2.7%, 13.7%, 0%) |
Contrast with white and black
WCAG 2 contrast ratios and APCA lightness contrast (Lc) for cornsilk used as text and as a background.
Tints and shades of cornsilk
Tints mix cornsilk with white; shades mix it with black, in 10% steps. Click a swatch to copy it, or build custom scales in the tint & shade generator.
Tints
Shades
Colors that go with cornsilk
Harmonies calculated on the HSL color wheel. Explore more in the color scheme generator.
Complementary
Analogous
Triadic
Split-Complementary
Cornsilk with color blindness
Approximately how cornsilk appears with each type of color vision deficiency. Test full designs with the color blindness simulator.
Using cornsilk in CSS
.element {
color: cornsilk;
background-color: #fff8dc;
border-color: rgb(255 248 220 / 50%);
outline-color: oklch(97.7% 0.0373 95.4);
}Similar named colors
See all shades of white or browse every CSS color name.