Parchment

#F1E9D2
RGB
241, 233, 210
HSL
45°, 53%, 88%
CMYK
0, 3, 13, 5
HSV
45°, 13%, 95%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #F1E9D2 color: #F1E9D2;
RGB 241, 233, 210 color: rgb(241, 233, 210);
RGB Percentage 95%, 91%, 82% color: rgb(95%, 91%, 82%);
CMYK 0%, 3%, 13%, 5% Not supported in CSS
HSL 45°, 53%, 88% color: hsl(45, 53%, 88%);
HSV 45°, 13%, 95% Not supported in CSS
CIE-LAB 70, 2, 8 color: lab(70% 2 8);
Decimal 15854034 Not supported in CSS

Color Variations

Shades

#F1E9D0
#E6D8AE
#DCC88C
#D1B769
#C6A747
#AC8E35
#89722A
#675520

Tints

#FBF8F1
#F9F6EC
#F8F4E8
#F6F2E3
#F5EFDE
#F3EDDA
#F2EBD5
#F1E9D0

Tones

#F1E9D0
#EFE8D2
#EDE7D3
#ECE6D5
#EAE5D7
#E9E4D8
#E7E4DA
#E5E3DC

Hues

#F1E9D0
#E0F1D0
#D0F1D8
#D0F1F1
#D0D8F1
#E0D0F1
#F1D0E9
#F1D0D0

Color Harmonies

Analogous

#F1D8D0
Click to copy
Light Red
96%
#F1E9D2
Click to copy
Parchment
100%
#E9F1D0
Click to copy
Light Yellow
97%

Complementary

#F1E9D2
Click to copy
Parchment
100%
#D0D8F1
Click to copy
Light Blue
89%

Split Complementary

#F1E9D2
Click to copy
Parchment
100%
#D0E9F1
Click to copy
Light Cyan
90%
#D8D0F1
Click to copy
Light Blue
89%

Triadic

#F1E9D2
Click to copy
Parchment
100%
#D0F1E9
Click to copy
Light Cyan
91%
#E9D0F1
Click to copy
Light Purple
91%

Tetradic

#F1E9D2
Click to copy
Parchment
100%
#D0F1D8
Click to copy
Light Green
92%
#D0D8F1
Click to copy
Light Blue
89%
#F1D0E9
Click to copy
Light Purple
92%

Square

#F1E9D2
Click to copy
Parchment
100%
#D0F1D8
Click to copy
Light Green
92%
#D0D8F1
Click to copy
Light Blue
89%
#F1D0E9
Click to copy
Light Purple
92%

CSS & Dev Snippets

CSS
.parchment {
  color: #F1E9D2;
}
SCSS
$parchment: #F1E9D2;
RGB
rgb(241, 233, 210)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags