#FAD2A5

#FAD2A5

Color Values

HEX

#FAD2A5

RGB

250, 210, 165

HSL

31.8, 89.5%, 81.4%

HSV

31.8, 34.0%, 98.0%

CMYK

0.0%, 16.0%, 34.0%, 2.0%

OKLCH

0.8872 0.0739 69.9

Properties

Warm Light Nearest: navajowhite 2

Color Harmonies

Complementary

#FAD2A5

#A5CDFA

Analogous

#FAA8A5

#F7FAA5

#FAD2A5

Triadic

#FAD2A5

#A5FAD2

#D2A5FA

Split Complementary

#FAD2A5

#A5F7FA

#A8A5FA

Tetradic

#FAD2A5

#A5FAA8

#A5CDFA

#FAA5F7

Color Blindness Simulation

Original

#FAD2A5

Protanopia

#E9E8B0

Deuteranopia

#EBEEB2

Tritanopia

#F8B8BA

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#FDF8F2
100
#FBEEE0
200
#FBDDBB
300
#F9C58B
400
#F5A64C
500
#F2860D
600
#C16B0B
700
#9B5609
800
#794307
900
#573309
950
#372006

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

14.83:1

AA Pass AAA Pass

Related Articles

Tutorials

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

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026