#F7D1BE

#F7D1BE

Color Values

HEX

#F7D1BE

RGB

247, 209, 190

HSL

20.0, 78.1%, 85.7%

HSV

20.0, 23.1%, 96.9%

CMYK

0.0%, 15.4%, 23.1%, 3.1%

OKLCH

0.888 0.0501 48.1

Properties

Warm Light Nearest: Desert Sand

Color Harmonies

Complementary

#F7D1BE

#BEE4F7

Analogous

#F7BEC8

#F7EEBE

#F7D1BE

Triadic

#F7D1BE

#BEF7D1

#D1BEF7

Split Complementary

#F7D1BE

#BEF7EE

#BEC8F7

Tetradic

#F7D1BE

#C8F7BE

#BEE4F7

#EEBEF7

Color Blindness Simulation

Original

#F7D1BE

Protanopia

#E7E6C3

Deuteranopia

#E9ECC4

Tritanopia

#F5C6C7

Achromatopsia

#D8D8D8

CSS Usage

background-color: #F7D1BE;
color: #F7D1BE;
border-color: #F7D1BE;
Nearest Tailwind: Red 200 #FECACA

Tailwind Shades

50
#FCF6F2
100
#F9E9E1
200
#F7D2BF
300
#F2B292
400
#EA8857
500
#E35E1C
600
#B64B16
700
#913C12
800
#722F0E
900
#53250E
950
#341709

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

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