#F2DD0D

#F2DD0D

Color Values

HEX

#F2DD0D

RGB

242, 221, 13

HSL

54.5, 89.8%, 50.0%

HSV

54.5, 94.6%, 94.9%

CMYK

0.0%, 8.7%, 94.6%, 5.1%

OKLCH

0.887 0.1845 102.4

Properties

Warm Light Nearest: RAL 1021 Rape Yellow

Color Harmonies

Complementary

#F2DD0D

#0D22F2

Analogous

#F26B0D

#94F20D

#F2DD0D

Triadic

#F2DD0D

#0DF2DD

#DD0DF2

Split Complementary

#F2DD0D

#0D94F2

#6B0DF2

Tetradic

#F2DD0D

#0DF26B

#0D22F2

#F20D94

Color Blindness Simulation

Original

#F2DD0D

Protanopia

#E9E93F

Deuteranopia

#EAEC4B

Tritanopia

#F16770

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#FDFCF2
100
#FBF8E0
200
#FBF5BB
300
#F9EF8B
400
#F5E64C
500
#F2DD0D
600
#C2B10A
700
#9B8D08
800
#796F07
900
#585009
950
#373306

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

15.12:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026