#FDC58A

#FDC58A

Color Values

HEX

#FDC58A

RGB

253, 197, 138

HSL

30.8, 96.6%, 76.7%

HSV

30.8, 45.5%, 99.2%

CMYK

0.0%, 22.1%, 45.5%, 0.8%

OKLCH

0.8605 0.0988 67.4

Properties

Warm Light Nearest: Macaroni and Cheese

Color Harmonies

Complementary

#FDC58A

#8AC2FD

Analogous

#FD8C8A

#FBFD8A

#FDC58A

Triadic

#FDC58A

#8AFDC5

#C58AFD

Split Complementary

#FDC58A

#8AFBFD

#8C8AFD

Tetradic

#FDC58A

#8AFD8C

#8AC2FD

#FD8AFB

Color Blindness Simulation

Original

#FDC58A

Protanopia

#E5E498

Deuteranopia

#E8EC9C

Tritanopia

#FAA4A6

Achromatopsia

#CDCDCD

CSS Usage

background-color: #FDC58A;
color: #FDC58A;
border-color: #FDC58A;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FEF8F1
100
#FCEEDE
200
#FEDCB9
300
#FDC387
400
#FCA346
500
#FB8304
600
#C96903
700
#A05403
800
#7D4102
900
#5B3206
950
#391F04

Contrast Checker

Text on white

1.55:1

AA Fail AAA Fail

Text on black

13.53:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026