#F9C97A

#F9C97A

Color Values

HEX

#F9C97A

RGB

249, 201, 122

HSL

37.3, 91.4%, 72.7%

HSV

37.3, 51.0%, 97.6%

CMYK

0.0%, 19.3%, 51.0%, 2.4%

OKLCH

0.8616 0.1115 78.9

Properties

Warm Light Nearest: NCS S 0530-Y30R Apricot

Color Harmonies

Complementary

#F9C97A

#7AAAF9

Analogous

#F9897A

#EAF97A

#F9C97A

Triadic

#F9C97A

#7AF9C9

#C97AF9

Split Complementary

#F9C97A

#7AEAF9

#897AF9

Tetradic

#F9C97A

#7AF989

#7AAAF9

#F97AEA

Color Blindness Simulation

Original

#F9C97A

Protanopia

#E4E48D

Deuteranopia

#E7EB92

Tritanopia

#F79CA0

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#FDF9F1
100
#FBF1DF
200
#FCE3BB
300
#FACF8A
400
#F7B64A
500
#F49C0B
600
#C37D09
700
#9C6407
800
#7A4E05
900
#583A09
950
#382505

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

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