#FDD490

#FDD490

Color Values

HEX

#FDD490

RGB

253, 212, 144

HSL

37.4, 96.5%, 77.8%

HSV

37.4, 43.1%, 99.2%

CMYK

0.0%, 16.2%, 43.1%, 0.8%

OKLCH

0.89 0.0971 79.7

Properties

Warm Light Nearest: NCS S 0530-Y30R Apricot

Color Harmonies

Complementary

#FDD490

#90B9FD

Analogous

#FD9D90

#F0FD90

#FDD490

Triadic

#FDD490

#90FDD4

#D490FD

Split Complementary

#FDD490

#90F0FD

#9D90FD

Tetradic

#FDD490

#90FD9D

#90B9FD

#FD90F0

Color Blindness Simulation

Original

#FDD490

Protanopia

#EBEBA0

Deuteranopia

#EEF1A4

Tritanopia

#FBADB0

Achromatopsia

#D8D8D8

CSS Usage

background-color: #FDD490;
color: #FDD490;
border-color: #FDD490;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FEF9F1
100
#FCF1DF
200
#FEE4B9
300
#FDD087
400
#FCB746
500
#FB9E04
600
#C87E04
700
#A06503
800
#7D4F02
900
#5B3B06
950
#392504

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

15.0: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