#F2C90D

#F2C90D

Color Values

HEX

#F2C90D

RGB

242, 201, 13

HSL

49.3, 89.8%, 50.0%

HSV

49.3, 94.6%, 94.9%

CMYK

0.0%, 16.9%, 94.6%, 5.1%

OKLCH

0.8466 0.1719 93.8

Properties

Warm Light Nearest: gold 2

Color Harmonies

Complementary

#F2C90D

#0D36F2

Analogous

#F2570D

#A8F20D

#F2C90D

Triadic

#F2C90D

#0DF2C9

#C90DF2

Split Complementary

#F2C90D

#0DA8F2

#570DF2

Tetradic

#F2C90D

#0DF257

#0D36F2

#F20DA8

Color Blindness Simulation

Original

#F2C90D

Protanopia

#E0E03A

Deuteranopia

#E3E645

Tritanopia

#F05E66

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#FDFBF2
100
#FBF6E0
200
#FBF0BB
300
#F9E58B
400
#F5D74C
500
#F2C90D
600
#C2A10A
700
#9B8108
800
#796507
900
#584A09
950
#372F06

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

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