#F9CF00

#F9CF00

Color Values

HEX

#F9CF00

RGB

249, 207, 0

HSL

49.9, 100.0%, 48.8%

HSV

49.9, 100.0%, 97.6%

CMYK

0.0%, 16.9%, 100.0%, 2.4%

OKLCH

0.8652 0.1774 94.0

Properties

Warm Light Nearest: RAL 1023 Traffic Yellow

Color Harmonies

Complementary

#F9CF00

#002AF9

Analogous

#F95300

#A6F900

#F9CF00

Triadic

#F9CF00

#00F9CF

#CF00F9

Split Complementary

#F9CF00

#00A6F9

#5300F9

Tetradic

#F9CF00

#00F953

#002AF9

#F900A6

Color Blindness Simulation

Original

#F9CF00

Protanopia

#E7E632

Deuteranopia

#E9EC3E

Tritanopia

#F75A62

Achromatopsia

#C9C9C9

CSS Usage

background-color: #F9CF00;
color: #F9CF00;
border-color: #F9CF00;
Nearest Tailwind: Yellow 400 #FACC15

Tailwind Shades

50
#FEFCF1
100
#FCF7DE
200
#FFF3B8
300
#FFEA85
400
#FFDF42
500
#FFD400
600
#CCAA00
700
#A38800
800
#806A00
900
#5C4D05
950
#3A3103

Contrast Checker

Text on white

1.51:1

AA Fail AAA Fail

Text on black

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