#F2DF0D

#F2DF0D

Color Values

HEX

#F2DF0D

RGB

242, 223, 13

HSL

55,0, 89,8%, 50,0%

HSV

55,0, 94,6%, 94,9%

CMYK

0,0%, 7,9%, 94,6%, 5,1%

OKLCH

0,8911 0,186 103,2

Properties

Warm Light Nearest: RAL 1021 Rape Yellow

Color Harmonies

Complementary

#F2DF0D

#0D20F2

Analogous

#F26C0D

#93F20D

#F2DF0D

Triadic

#F2DF0D

#0DF2DF

#DF0DF2

Split Complementary

#F2DF0D

#0D93F2

#6C0DF2

Tetradic

#F2DF0D

#0DF26C

#0D20F2

#F20D93

Color Blindness Simulation

Original

#F2DF0D

Protanopia

#EAEA40

Deuteranopia

#EBEC4C

Tritanopia

#F16871

Achromatopsia

#D4D4D4

CSS Usage

background-color: #F2DF0D;
color: #F2DF0D;
border-color: #F2DF0D;
Nearest Tailwind: Yellow 300 #FDE047

Tailwind Shades

50
#FDFCF2
100
#FBF9E0
200
#FBF6BB
300
#F9F08B
400
#F5E74C
500
#F2DF0D
600
#C2B20A
700
#9B8F08
800
#796F07
900
#585109
950
#373306

Contrast Checker

Text on white

1,37:1

AA Fail AAA Fail

Text on black

15,34: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