#FFDF42

#FFDF42

Color Values

HEX

#FFDF42

RGB

255, 223, 66

HSL

49,8, 100,0%, 62,9%

HSV

49,8, 74,1%, 100,0%

CMYK

0,0%, 12,5%, 74,1%, 0,0%

OKLCH

0,9047 0,1679 97,1

Properties

Warm Light Nearest: RAL 1017 Saffron Yellow

Color Harmonies

Complementary

#FFDF42

#4262FF

Analogous

#FF8042

#C1FF42

#FFDF42

Triadic

#FFDF42

#42FFDF

#DF42FF

Split Complementary

#FFDF42

#42C1FF

#8042FF

Tetradic

#FFDF42

#42FF80

#4262FF

#FF42C1

Color Blindness Simulation

Original

#FFDF42

Protanopia

#F1F168

Deuteranopia

#F3F571

Tritanopia

#FD868D

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

1,32:1

AA Fail AAA Fail

Text on black

15,89:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026