#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

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026