#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026