#F3DEC3

#F3DEC3

Color Values

HEX

#F3DEC3

RGB

243, 222, 195

HSL

33.8, 66.7%, 85.9%

HSV

33.8, 19.8%, 95.3%

CMYK

0.0%, 8.6%, 19.8%, 4.7%

OKLCH

0.9107 0.0426 74.1

Properties

Warm Light Nearest: bisque 2

Color Harmonies

Complementary

#F3DEC3

#C3D8F3

Analogous

#F3C6C3

#F0F3C3

#F3DEC3

Triadic

#F3DEC3

#C3F3DE

#DEC3F3

Split Complementary

#F3DEC3

#C3F0F3

#C6C3F3

Tetradic

#F3DEC3

#C3F3C6

#C3D8F3

#F3C3F0

Color Blindness Simulation

Original

#F3DEC3

Protanopia

#EAEACA

Deuteranopia

#EBEDCB

Tritanopia

#F2CFD0

Achromatopsia

#E1E1E1

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F7EEE3
200
#F3DEC3
300
#EBC799
400
#E0A962
500
#D58A2A
600
#AA6F22
700
#88581B
800
#6A4515
900
#4E3413
950
#31210C

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

16.05:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026