Linen

#FAF0E6
RGB
250, 240, 230
HSL
30°, 67%, 94%
CMYK
0, 4, 8, 2
HSV
30°, 8%, 98%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #FAF0E6 color: #FAF0E6;
RGB 250, 240, 230 color: rgb(250, 240, 230);
RGB Percentage 98%, 94%, 90% color: rgb(98%, 94%, 90%);
CMYK 0%, 4%, 8%, 2% Not supported in CSS
HSL 30°, 67%, 94% color: hsl(30, 67%, 94%);
HSV 30°, 8%, 98% Not supported in CSS
CIE-LAB 75, 2, 3 color: lab(75% 2 3);
Decimal 16445670 Not supported in CSS

Color Variations

Shades

#FAF0E5
#F2D8BD
#EAC095
#E2A86D
#DA9045
#C87828
#A06020
#784818

Tints

#FDFAF7
#FDF9F5
#FCF7F2
#FCF6F0
#FBF4ED
#FBF3EB
#FAF1E8
#FAF0E5

Tones

#FAF0E5
#F9F0E6
#F8F0E7
#F7F0E9
#F6F0EA
#F5F0EB
#F4F0EC
#F3F0ED

Hues

#FAF0E5
#F5FAE5
#E5FAE5
#E5FAF5
#E5F0FA
#EBE5FA
#FAE5FA
#FAE5EB

Color Harmonies

Analogous

#FAE5E5
Click to copy
Light Red
97%
#FAF0E6
Click to copy
Linen
100%
#FAFAE5
Click to copy
Light Yellow
98%

Complementary

#FAF0E6
Click to copy
Linen
100%
#E5F0FA
Click to copy
Light Cyan
93%

Split Complementary

#FAF0E6
Click to copy
Linen
100%
#E5FAFA
Click to copy
Light Cyan
93%
#E5E5FA
Click to copy
Light Blue
93%

Triadic

#FAF0E6
Click to copy
Linen
100%
#E5FAF0
Click to copy
Light Cyan
94%
#F0E5FA
Click to copy
Light Purple
94%

Tetradic

#FAF0E6
Click to copy
Linen
100%
#E5FAE5
Click to copy
Light Green
95%
#E5F0FA
Click to copy
Light Cyan
93%
#FAE5FA
Click to copy
Light Purple
95%

Square

#FAF0E6
Click to copy
Linen
100%
#E5FAE5
Click to copy
Light Green
95%
#E5F0FA
Click to copy
Light Cyan
93%
#FAE5FA
Click to copy
Light Purple
95%

CSS & Dev Snippets

CSS
.linen {
  color: #FAF0E6;
}
SCSS
$linen: #FAF0E6;
RGB
rgb(250, 240, 230)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags