#F2DCBF

#F2DCBF

Color Values

HEX

#F2DCBF

RGB

242, 220, 191

HSL

34.1, 66.2%, 84.9%

HSV

34.1, 21.1%, 94.9%

CMYK

0.0%, 9.1%, 21.1%, 5.1%

OKLCH

0.905 0.0455 74.8

Properties

Warm Light Nearest: bisque 2

Color Harmonies

Complementary

#F2DCBF

#BFD5F2

Analogous

#F2C2BF

#EFF2BF

#F2DCBF

Triadic

#F2DCBF

#BFF2DC

#DCBFF2

Split Complementary

#F2DCBF

#BFEFF2

#C2BFF2

Tetradic

#F2DCBF

#BFF2C2

#BFD5F2

#F2BFEF

Color Blindness Simulation

Original

#F2DCBF

Protanopia

#E8E8C6

Deuteranopia

#EAEBC8

Tritanopia

#F1CCCD

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F7EFE3
200
#F3DFC4
300
#EAC799
400
#DFA962
500
#D48B2B
600
#AA6F22
700
#88591C
800
#6A4616
900
#4D3414
950
#31210C

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

15.77:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026