#FDC390

#FDC390

Color Values

HEX

#FDC390

RGB

253, 195, 144

HSL

28.1, 96.5%, 77.8%

HSV

28.1, 43.1%, 99.2%

CMYK

0.0%, 22.9%, 43.1%, 0.8%

OKLCH

0.8578 0.0937 62.4

Properties

Warm Light Nearest: Macaroni and Cheese

Color Harmonies

Complementary

#FDC390

#90CAFD

Analogous

#FD9093

#FDFA90

#FDC390

Triadic

#FDC390

#90FDC3

#C390FD

Split Complementary

#FDC390

#90FDFA

#9093FD

Tetradic

#FDC390

#93FD90

#90CAFD

#FA90FD

Color Blindness Simulation

Original

#FDC390

Protanopia

#E4E39C

Deuteranopia

#E7EC9F

Tritanopia

#FAA6A8

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#FEF7F1
100
#FCECDF
200
#FED9B9
300
#FDBE87
400
#FC9B46
500
#FB7804
600
#C86004
700
#A04D03
800
#7D3C02
900
#5B2E06
950
#391D04

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

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