#F4DAC4

#F4DAC4

Color Values

HEX

#F4DAC4

RGB

244, 218, 196

HSL

27.5, 68.6%, 86.3%

HSV

27.5, 19.7%, 95.7%

CMYK

0.0%, 10.7%, 19.7%, 4.3%

OKLCH

0.904 0.0413 62.5

Properties

Warm Light Nearest: Almond

Color Harmonies

Complementary

#F4DAC4

#C4DEF4

Analogous

#F4C4C6

#F4F2C4

#F4DAC4

Triadic

#F4DAC4

#C4F4DA

#DAC4F4

Split Complementary

#F4DAC4

#C4F4F2

#C4C6F4

Tetradic

#F4DAC4

#C6F4C4

#C4DEF4

#F2C4F4

Color Blindness Simulation

Original

#F4DAC4

Protanopia

#E9E9C9

Deuteranopia

#EAECCB

Tritanopia

#F3CECE

Achromatopsia

#DEDEDE

CSS Usage

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

Tailwind Shades

50
#FCF7F3
100
#F8ECE3
200
#F4D9C3
300
#ECBE98
400
#E19B60
500
#D77828
600
#AC6020
700
#8A4D1A
800
#6B3C14
900
#4E2E13
950
#311D0C

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

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