#F4DAB5

#F4DAB5

Color Values

HEX

#F4DAB5

RGB

244, 218, 181

HSL

35.2, 74.1%, 83.3%

HSV

35.2, 25.8%, 95.7%

CMYK

0.0%, 10.7%, 25.8%, 4.3%

OKLCH

0.9006 0.0565 76.6

Properties

Warm Light Nearest: wheat 2

Color Harmonies

Complementary

#F4DAB5

#B5CFF4

Analogous

#F4BAB5

#EFF4B5

#F4DAB5

Triadic

#F4DAB5

#B5F4DA

#DAB5F4

Split Complementary

#F4DAB5

#B5EFF4

#BAB5F4

Tetradic

#F4DAB5

#B5F4BA

#B5CFF4

#F4B5EF

Color Blindness Simulation

Original

#F4DAB5

Protanopia

#E9E9BE

Deuteranopia

#EAECC0

Tritanopia

#F3C5C7

Achromatopsia

#DDDDDD

CSS Usage

background-color: #F4DAB5;
color: #F4DAB5;
border-color: #F4DAB5;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FCF8F3
100
#F8EFE2
200
#F6E0C1
300
#EFCA94
400
#E7AD5B
500
#DE9021
600
#B2731A
700
#8E5C15
800
#6F4811
900
#513610
950
#33220A

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

15.54:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026