#F5DACE

#F5DACE

Color Values

HEX

#F5DACE

RGB

245, 218, 206

HSL

18.5, 66.1%, 88.4%

HSV

18.5, 15.9%, 96.1%

CMYK

0.0%, 11.0%, 15.9%, 3.9%

OKLCH

0.9074 0.0342 45.5

Properties

Warm Light Nearest: Almond

Color Harmonies

Complementary

#F5DACE

#CEE9F5

Analogous

#F5CED5

#F5EDCE

#F5DACE

Triadic

#F5DACE

#CEF5DA

#DACEF5

Split Complementary

#F5DACE

#CEF5ED

#CED5F5

Tetradic

#F5DACE

#D5F5CE

#CEE9F5

#EDCEF5

Color Blindness Simulation

Original

#F5DACE

Protanopia

#E9E9D1

Deuteranopia

#EBEDD2

Tritanopia

#F4D3D4

Achromatopsia

#DFDFDF

CSS Usage

background-color: #F5DACE;
color: #F5DACE;
border-color: #F5DACE;
Nearest Tailwind: Red 100 #FEE2E2

Tailwind Shades

50
#FCF6F3
100
#F7E9E3
200
#F3D2C4
300
#EAB299
400
#DF8962
500
#D45F2B
600
#A94C23
700
#883D1C
800
#6A3016
900
#4D2514
950
#31180C

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

15.8:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

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

1월 18, 2026