#F7DDCB

#F7DDCB

Color Values

HEX

#F7DDCB

RGB

247, 221, 203

HSL

24.5, 73.3%, 88.2%

HSV

24.5, 17.8%, 96.9%

CMYK

0.0%, 10.5%, 17.8%, 3.1%

OKLCH

0.9141 0.0376 56.9

Properties

Warm Light Nearest: Almond

Color Harmonies

Complementary

#F7DDCB

#CBE5F7

Analogous

#F7CBCF

#F7F3CB

#F7DDCB

Triadic

#F7DDCB

#CBF7DD

#DDCBF7

Split Complementary

#F7DDCB

#CBF7F3

#CBCFF7

Tetradic

#F7DDCB

#CFF7CB

#CBE5F7

#F3CBF7

Color Blindness Simulation

Original

#F7DDCB

Protanopia

#ECECCF

Deuteranopia

#EDEFD0

Tritanopia

#F6D3D4

Achromatopsia

#E1E1E1

CSS Usage

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

Tailwind Shades

50
#FCF6F3
100
#F8EBE2
200
#F5D7C1
300
#EFBA95
400
#E6945B
500
#DD6E22
600
#B1581B
700
#8D4716
800
#6E3711
900
#502B10
950
#331B0A

Contrast Checker

Text on white

1.3:1

AA Fail AAA Fail

Text on black

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