#FFDBA4

#FFDBA4

Color Values

HEX

#FFDBA4

RGB

255, 219, 164

HSL

36.3, 100.0%, 82.2%

HSV

36.3, 35.7%, 100.0%

CMYK

0.0%, 14.1%, 35.7%, 0.0%

OKLCH

0.9089 0.081 78.0

Properties

Warm Light Nearest: navajowhite

Color Harmonies

Complementary

#FFDBA4

#A4C8FF

Analogous

#FFAEA4

#F5FFA4

#FFDBA4

Triadic

#FFDBA4

#A4FFDB

#DBA4FF

Split Complementary

#FFDBA4

#A4F5FF

#AEA4FF

Tetradic

#FFDBA4

#A4FFAE

#A4C8FF

#FFA4F5

Color Blindness Simulation

Original

#FFDBA4

Protanopia

#EFEFB1

Deuteranopia

#F2F4B4

Tritanopia

#FDBCBE

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#FEF9F1
100
#FCF0DE
200
#FFE3B8
300
#FFCF85
400
#FFB442
500
#FF9A00
600
#CC7B00
700
#A36300
800
#804D00
900
#5C3A05
950
#3A2403

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

15.92:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026