Wheat

#F5DEB3
RGB
245, 222, 179
HSL
39°, 77%, 83%
CMYK
0, 9, 27, 4
HSV
39°, 27%, 96%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #F5DEB3 color: #F5DEB3;
RGB 245, 222, 179 color: rgb(245, 222, 179);
RGB Percentage 96%, 87%, 70% color: rgb(96%, 87%, 70%);
CMYK 0%, 9%, 27%, 4% Not supported in CSS
HSL 39°, 77%, 83% color: hsl(39, 77%, 83%);
HSV 39°, 27%, 96% Not supported in CSS
CIE-LAB 66, 5, 14 color: lab(66% 5 14);
Decimal 16113331 Not supported in CSS

Color Variations

Shades

#F5DEB2
#F0CD8D
#EBBD67
#E6AD42
#E19C1D
#BB8218
#966813
#704E0F

Tints

#FCF5E8
#FBF2E0
#FAEED9
#F9EBD1
#F8E8C9
#F7E4C2
#F6E1BA
#F5DEB2

Tones

#F5DEB2
#F2DDB6
#EEDCB9
#EBDBBC
#E8DAC0
#E4D9C3
#E1D8C6
#DED7CA

Hues

#F5DEB2
#DAF5B2
#B2F5BC
#B2F5EE
#B2CAF5
#CDB2F5
#F5B2EB
#F5B2B9

Color Harmonies

Analogous

#F5BCB2
Click to copy
Light Red
92%
#F5DEB3
Click to copy
Wheat
100%
#EBF5B2
Click to copy
Light Yellow
94%

Complementary

#F5DEB3
Click to copy
Wheat
100%
#B2CAF5
Click to copy
Light Blue
78%

Split Complementary

#F5DEB3
Click to copy
Wheat
100%
#B2EBF5
Click to copy
Light Cyan
78%
#BCB2F5
Click to copy
Light Blue
78%

Triadic

#F5DEB3
Click to copy
Wheat
100%
#B2F5DE
Click to copy
Light Cyan
81%
#DEB2F5
Click to copy
Light Purple
81%

Tetradic

#F5DEB3
Click to copy
Wheat
100%
#B2F5BC
Click to copy
Light Green
84%
#B2CAF5
Click to copy
Light Blue
78%
#F5B2EB
Click to copy
Light Purple
84%

Square

#F5DEB3
Click to copy
Wheat
100%
#B2F5BC
Click to copy
Light Green
84%
#B2CAF5
Click to copy
Light Blue
78%
#F5B2EB
Click to copy
Light Purple
84%

CSS & Dev Snippets

CSS
.wheat {
  color: #F5DEB3;
}
SCSS
$wheat: #F5DEB3;
RGB
rgb(245, 222, 179)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags