#F7DEC3

#F7DEC3

Color Values

HEX

#F7DEC3

RGB

247, 222, 195

HSL

31.2, 76.5%, 86.7%

HSV

31.2, 21.1%, 96.9%

CMYK

0.0%, 10.1%, 21.1%, 3.1%

OKLCH

0.9141 0.0452 69.4

Properties

Warm Light Nearest: bisque

Color Harmonies

Complementary

#F7DEC3

#C3DCF7

Analogous

#F7C4C3

#F6F7C3

#F7DEC3

Triadic

#F7DEC3

#C3F7DE

#DEC3F7

Split Complementary

#F7DEC3

#C3F6F7

#C4C3F7

Tetradic

#F7DEC3

#C3F7C4

#C3DCF7

#F7C3F6

Color Blindness Simulation

Original

#F7DEC3

Protanopia

#ECECCA

Deuteranopia

#EEEFCB

Tritanopia

#F6CFD0

Achromatopsia

#E1E1E1

CSS Usage

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

Tailwind Shades

50
#FCF8F2
100
#F9EEE2
200
#F7DCC0
300
#F1C493
400
#E9A458
500
#E1831E
600
#B46918
700
#905413
800
#71420F
900
#52320F
950
#341F0A

Contrast Checker

Text on white

1.3:1

AA Fail AAA Fail

Text on black

16.19:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026