#F1DDC0

#F1DDC0

Color Values

HEX

#F1DDC0

RGB

241, 221, 192

HSL

35.5, 63.6%, 84.9%

HSV

35.5, 20.3%, 94.5%

CMYK

0.0%, 8.3%, 20.3%, 5.5%

OKLCH

0.9063 0.0443 77.2

Properties

Warm Light Nearest: bisque 2

Color Harmonies

Complementary

#F1DDC0

#C0D4F1

Analogous

#F1C4C0

#ECF1C0

#F1DDC0

Triadic

#F1DDC0

#C0F1DD

#DDC0F1

Split Complementary

#F1DDC0

#C0ECF1

#C4C0F1

Tetradic

#F1DDC0

#C0F1C4

#C0D4F1

#F1C0EC

Color Blindness Simulation

Original

#F1DDC0

Protanopia

#E8E8C7

Deuteranopia

#EAEBC9

Tritanopia

#F0CDCE

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#FBF8F3
100
#F7EFE4
200
#F2DFC5
300
#E9C99B
400
#DDAC65
500
#D18E2E
600
#A77225
700
#855B1E
800
#684717
900
#4C3615
950
#30220D

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

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