#FFDAB4

#FFDAB4

Color Values

HEX

#FFDAB4

RGB

255, 218, 180

HSL

30.4, 100.0%, 85.3%

HSV

30.4, 29.4%, 100.0%

CMYK

0.0%, 14.5%, 29.4%, 0.0%

OKLCH

0.9102 0.0647 67.6

Properties

Warm Light Nearest: Apricot

Color Harmonies

Complementary

#FFDAB4

#B4D9FF

Analogous

#FFB5B4

#FFFFB4

#FFDAB4

Triadic

#FFDAB4

#B4FFDA

#DAB4FF

Split Complementary

#FFDAB4

#B4FFFF

#B5B4FF

Tetradic

#FFDAB4

#B4FFB5

#B4D9FF

#FFB4FF

Color Blindness Simulation

Original

#FFDAB4

Protanopia

#EFEFBD

Deuteranopia

#F1F4BF

Tritanopia

#FDC4C6

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#FEF7F1
100
#FCEDDE
200
#FFDCB8
300
#FFC385
400
#FFA242
500
#FF8100
600
#CC6700
700
#A35300
800
#804100
900
#5C3105
950
#3A1F03

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

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