#F2D9BF

#F2D9BF

Color Values

HEX

#F2D9BF

RGB

242, 217, 191

HSL

30.6, 66.2%, 84.9%

HSV

30.6, 21.1%, 94.9%

CMYK

0.0%, 10.3%, 21.1%, 5.1%

OKLCH

0.8992 0.0444 68.3

Properties

Warm Light Nearest: bisque 2

Color Harmonies

Complementary

#F2D9BF

#BFD8F2

Analogous

#F2C0BF

#F1F2BF

#F2D9BF

Triadic

#F2D9BF

#BFF2D9

#D9BFF2

Split Complementary

#F2D9BF

#BFF1F2

#C0BFF2

Tetradic

#F2D9BF

#BFF2C0

#BFD8F2

#F2BFF1

Color Blindness Simulation

Original

#F2D9BF

Protanopia

#E7E7C5

Deuteranopia

#E9EAC7

Tritanopia

#F1CACB

Achromatopsia

#DCDCDC

CSS Usage

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

Tailwind Shades

50
#FCF7F3
100
#F7EDE3
200
#F3DCC4
300
#EAC399
400
#DFA262
500
#D4812B
600
#AA6722
700
#88531C
800
#6A4116
900
#4D3114
950
#311F0C

Contrast Checker

Text on white

1.36:1

AA Fail AAA Fail

Text on black

15.45:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026