#F6E3CE

#F6E3CE

Color Values

HEX

#F6E3CE

RGB

246, 227, 206

HSL

31.5, 69.0%, 88.6%

HSV

31.5, 16.3%, 96.5%

CMYK

0.0%, 7.7%, 16.3%, 3.5%

OKLCH

0.9256 0.0349 70.2

Properties

Warm Light Nearest: Almond

Color Harmonies

Complementary

#F6E3CE

#CEE1F6

Analogous

#F6CFCE

#F5F6CE

#F6E3CE

Triadic

#F6E3CE

#CEF6E3

#E3CEF6

Split Complementary

#F6E3CE

#CEF5F6

#CFCEF6

Tetradic

#F6E3CE

#CEF6CF

#CEE1F6

#F6CEF5

Color Blindness Simulation

Original

#F6E3CE

Protanopia

#EEEED3

Deuteranopia

#EFF0D4

Tritanopia

#F5D7D8

Achromatopsia

#E6E6E6

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F8EEE3
200
#F4DDC3
300
#ECC498
400
#E2A460
500
#D78428
600
#AC6A20
700
#8A5419
800
#6C4214
900
#4F3212
950
#32200C

Contrast Checker

Text on white

1.25:1

AA Fail AAA Fail

Text on black

16.8: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