#FAD489

#FAD489

Color Values

HEX

#FAD489

RGB

250, 212, 137

HSL

39,8, 91,9%, 75,9%

HSV

39,8, 45,2%, 98,0%

CMYK

0,0%, 15,2%, 45,2%, 2,0%

OKLCH

0,8861 0,1026 83,6

Properties

Warm Light Nearest: NCS S 0530-Y30R Apricot

Color Harmonies

Complementary

#FAD489

#89AFFA

Analogous

#FA9C89

#E8FA89

#FAD489

Triadic

#FAD489

#89FAD4

#D489FA

Split Complementary

#FAD489

#89E8FA

#9C89FA

Tetradic

#FAD489

#89FA9C

#89AFFA

#FA89E8

Color Blindness Simulation

Original

#FAD489

Protanopia

#EAE99B

Deuteranopia

#ECEFA0

Tritanopia

#F8A9AD

Achromatopsia

#D7D7D7

CSS Usage

background-color: #FAD489;
color: #FAD489;
border-color: #FAD489;
Nearest Tailwind: Amber 200 #FDE68A

Tailwind Shades

50
#FDF9F1
100
#FBF2DF
200
#FCE6BA
300
#FAD48A
400
#F7BD4A
500
#F5A60A
600
#C48508
700
#9D6A07
800
#7A5305
900
#593E08
950
#382705

Contrast Checker

Text on white

1,41:1

AA Fail AAA Fail

Text on black

14,84: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