#F8E4CB

#F8E4CB

Color Values

HEX

#F8E4CB

RGB

248, 228, 203

HSL

33.3, 76.3%, 88.4%

HSV

33.3, 18.1%, 97.3%

CMYK

0.0%, 8.1%, 18.1%, 2.7%

OKLCH

0.9285 0.0397 73.4

Properties

Warm Light Nearest: blanchedalmond

Color Harmonies

Complementary

#F8E4CB

#CBDFF8

Analogous

#F8CDCB

#F6F8CB

#F8E4CB

Triadic

#F8E4CB

#CBF8E4

#E4CBF8

Split Complementary

#F8E4CB

#CBF6F8

#CDCBF8

Tetradic

#F8E4CB

#CBF8CD

#CBDFF8

#F8CBF6

Color Blindness Simulation

Original

#F8E4CB

Protanopia

#EFEFD1

Deuteranopia

#F0F2D2

Tritanopia

#F7D6D7

Achromatopsia

#E6E6E6

CSS Usage

background-color: #F8E4CB;
color: #F8E4CB;
border-color: #F8E4CB;
Nearest Tailwind: Orange 100 #FFEDD5

Tailwind Shades

50
#FCF8F2
100
#F9EEE2
200
#F7DEC0
300
#F0C793
400
#E9A959
500
#E18A1E
600
#B46F18
700
#905813
800
#70450F
900
#52340F
950
#34210A

Contrast Checker

Text on white

1.24:1

AA Fail AAA Fail

Text on black

16.95:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026