Cornsilk

#FFF8DC
RGB
255, 248, 220
HSL
48°, 100%, 93%
CMYK
0, 3, 14, 0
HSV
48°, 14%, 100%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #FFF8DC color: #FFF8DC;
RGB 255, 248, 220 color: rgb(255, 248, 220);
RGB Percentage 100%, 97%, 86% color: rgb(100%, 97%, 86%);
CMYK 0%, 3%, 14%, 0% Not supported in CSS
HSL 48°, 100%, 93% color: hsl(48, 100%, 93%);
HSV 48°, 14%, 100% Not supported in CSS
CIE-LAB 74, 1, 9 color: lab(74% 1 9);
Decimal 16775388 Not supported in CSS

Color Variations

Shades

#FFF8DB
#FFEEAC
#FFE57C
#FFDB4D
#FFD21E
#EDBE00
#BE9800
#8E7200

Tints

#FFFDF4
#FFFCF1
#FFFBED
#FFFBEA
#FFFAE6
#FFF9E2
#FFF9DF
#FFF8DB

Tones

#FFF8DB
#FDF7DD
#FBF6DF
#FAF5E1
#F8F4E2
#F6F3E4
#F4F1E6
#F3F0E8

Hues

#FFF8DB
#EBFFDB
#DBFFE6
#DBFDFF
#DBE2FF
#EFDBFF
#FFDBF4
#FFDDDB

Color Harmonies

Analogous

#FFE6DB
Click to copy
Light Red
96%
#FFF8DC
Click to copy
Cornsilk
100%
#F4FFDB
Click to copy
Light Yellow
97%

Complementary

#FFF8DC
Click to copy
Cornsilk
100%
#DBE2FF
Click to copy
Light Blue
88%

Split Complementary

#FFF8DC
Click to copy
Cornsilk
100%
#DBF4FF
Click to copy
Light Cyan
89%
#E6DBFF
Click to copy
Light Blue
88%

Triadic

#FFF8DC
Click to copy
Cornsilk
100%
#DBFFF8
Click to copy
Light Cyan
90%
#F8DBFF
Click to copy
Light Purple
90%

Tetradic

#FFF8DC
Click to copy
Cornsilk
100%
#DBFFE6
Click to copy
Light Green
91%
#DBE2FF
Click to copy
Light Blue
88%
#FFDBF4
Click to copy
Light Purple
91%

Square

#FFF8DC
Click to copy
Cornsilk
100%
#DBFFE6
Click to copy
Light Green
91%
#DBE2FF
Click to copy
Light Blue
88%
#FFDBF4
Click to copy
Light Purple
91%

CSS & Dev Snippets

CSS
.cornsilk {
  color: #FFF8DC;
}
SCSS
$cornsilk: #FFF8DC;
RGB
rgb(255, 248, 220)

Accessibility & Contrast

White background

1.07:1
1.07
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

19.71:1
19.71
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags