#F4DAAB

#F4DAAB

Color Values

HEX

#F4DAAB

RGB

244, 218, 171

HSL

38.6, 76.8%, 81.4%

HSV

38.6, 29.9%, 95.7%

CMYK

0.0%, 10.7%, 29.9%, 4.3%

OKLCH

0.8985 0.0675 82.2

Properties

Warm Light Nearest: wheat

Color Harmonies

Complementary

#F4DAAB

#ABC5F4

Analogous

#F4B6AB

#EAF4AB

#F4DAAB

Triadic

#F4DAAB

#ABF4DA

#DAABF4

Split Complementary

#F4DAAB

#ABEAF4

#B6ABF4

Tetradic

#F4DAAB

#ABF4B6

#ABC5F4

#F4ABEA

Color Blindness Simulation

Original

#F4DAAB

Protanopia

#E9E9B6

Deuteranopia

#EAECB9

Tritanopia

#F3BFC1

Achromatopsia

#DCDCDC

CSS Usage

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

Tailwind Shades

50
#FCF9F2
100
#F9F0E1
200
#F7E3C0
300
#F1CF93
400
#E9B558
500
#E19C1E
600
#B47C18
700
#906413
800
#714E0F
900
#523A0F
950
#342509

Contrast Checker

Text on white

1.36:1

AA Fail AAA Fail

Text on black

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