#FAA664

#FAA664

Color Values

HEX

#FAA664

RGB

250, 166, 100

HSL

26.4, 93.7%, 68.6%

HSV

26.4, 60.0%, 98.0%

CMYK

0.0%, 33.6%, 60.0%, 2.0%

OKLCH

0.7949 0.129 57.6

Properties

Warm Light Nearest: sandybrown

Color Harmonies

Complementary

#FAA664

#64B8FA

Analogous

#FA646D

#FAF164

#FAA664

Triadic

#FAA664

#64FAA6

#A664FA

Split Complementary

#FAA664

#64FAF1

#646DFA

Tetradic

#FAA664

#6DFA64

#64B8FA

#F164FA

Color Blindness Simulation

Original

#FAA664

Protanopia

#D6D574

Deuteranopia

#DAE178

Tritanopia

#F68183

Achromatopsia

#B3B3B3

CSS Usage

background-color: #FAA664;
color: #FAA664;
border-color: #FAA664;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FDF7F1
100
#FBEBDF
200
#FDD7BA
300
#FBBB88
400
#F99648
500
#F77108
600
#C65B06
700
#9E4805
800
#7B3904
900
#592C08
950
#381C05

Contrast Checker

Text on white

1.96:1

AA Fail AAA Fail

Text on black

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