#FAC59D

#FAC59D

Color Values

HEX

#FAC59D

RGB

250, 197, 157

HSL

25.8, 90.3%, 79.8%

HSV

25.8, 37.2%, 98.0%

CMYK

0.0%, 21.2%, 37.2%, 2.0%

OKLCH

0.861 0.0805 58.5

Properties

Warm Light Nearest: Peach

Color Harmonies

Complementary

#FAC59D

#9DD2FA

Analogous

#FA9DA3

#FAF39D

#FAC59D

Triadic

#FAC59D

#9DFAC5

#C59DFA

Split Complementary

#FAC59D

#9DFAF3

#9DA3FA

Tetradic

#FAC59D

#A3FA9D

#9DD2FA

#F39DFA

Color Blindness Simulation

Original

#FAC59D

Protanopia

#E3E3A7

Deuteranopia

#E6EAA9

Tritanopia

#F7AEB0

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#FDF7F1
100
#FBEBDF
200
#FCD7BB
300
#F9BA8B
400
#F6954B
500
#F36F0C
600
#C2590A
700
#9B4708
800
#793806
900
#582B09
950
#371B06

Contrast Checker

Text on white

1.55:1

AA Fail AAA Fail

Text on black

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