#FDBF74

#FDBF74

Color Values

HEX

#FDBF74

RGB

253, 191, 116

HSL

32,8, 97,2%, 72,4%

HSV

32,8, 54,2%, 99,2%

CMYK

0,0%, 24,5%, 54,2%, 0,8%

OKLCH

0,8458 0,1167 70,4

Properties

Warm Light Nearest: Mac and Cheese

Color Harmonies

Complementary

#FDBF74

#74B2FD

Analogous

#FD7B74

#F7FD74

#FDBF74

Triadic

#FDBF74

#74FDBF

#BF74FD

Split Complementary

#FDBF74

#74F7FD

#7B74FD

Tetradic

#FDBF74

#74FD7B

#74B2FD

#FD74F7

Color Blindness Simulation

Original

#FDBF74

Protanopia

#E2E286

Deuteranopia

#E6EA8A

Tritanopia

#FA9498

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#FEF8F1
100
#FCEFDE
200
#FEDFB9
300
#FDC786
400
#FCA945
500
#FB8B04
600
#C96F03
700
#A15902
800
#7E4602
900
#5B3406
950
#392104

Contrast Checker

Text on white

1,63:1

AA Fail AAA Fail

Text on black

12,88: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