#FFDF90

#FFDF90

Color Values

HEX

#FFDF90

RGB

255, 223, 144

HSL

42,7, 100,0%, 78,2%

HSV

42,7, 43,5%, 100,0%

CMYK

0,0%, 12,5%, 43,5%, 0,0%

OKLCH

0,9132 0,1041 88,3

Properties

Warm Light Nearest: NCS S 0530-Y Medium Yellow

Color Harmonies

Complementary

#FFDF90

#90B0FF

Analogous

#FFA790

#E7FF90

#FFDF90

Triadic

#FFDF90

#90FFDF

#DF90FF

Split Complementary

#FFDF90

#90E7FF

#A790FF

Tetradic

#FFDF90

#90FFA7

#90B0FF

#FF90E7

Color Blindness Simulation

Original

#FFDF90

Protanopia

#F1F1A3

Deuteranopia

#F3F5A8

Tritanopia

#FDB2B6

Achromatopsia

#E0E0E0

CSS Usage

background-color: #FFDF90;
color: #FFDF90;
border-color: #FFDF90;
Nearest Tailwind: Amber 200 #FDE68A

Tailwind Shades

50
#FEFAF1
100
#FCF4DE
200
#FFEAB8
300
#FFDC85
400
#FFC942
500
#FFB500
600
#CC9100
700
#A37400
800
#805B00
900
#5C4305
950
#3A2A03

Contrast Checker

Text on white

1,3:1

AA Fail AAA Fail

Text on black

16,21: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