#FDB058

#FDB058

Color Values

HEX

#FDB058

RGB

253, 176, 88

HSL

32.0, 97.6%, 66.9%

HSV

32.0, 65.2%, 99.2%

CMYK

0.0%, 30.4%, 65.2%, 0.8%

OKLCH

0.8148 0.1371 67.3

Properties

Warm Light Nearest: RAL 1034 Pastel Yellow

Color Harmonies

Complementary

#FDB058

#58A5FD

Analogous

#FD5E58

#F7FD58

#FDB058

Triadic

#FDB058

#58FDB0

#B058FD

Split Complementary

#FDB058

#58F7FD

#5E58FD

Tetradic

#FDB058

#58FD5E

#58A5FD

#FD58F7

Color Blindness Simulation

Original

#FDB058

Protanopia

#DCDB6D

Deuteranopia

#E0E672

Tritanopia

#F97E82

Achromatopsia

#BABABA

CSS Usage

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

Tailwind Shades

50
#FEF8F1
100
#FCEEDE
200
#FEDEB8
300
#FEC686
400
#FDA745
500
#FC8803
600
#CA6D02
700
#A15702
800
#7E4402
900
#5B3306
950
#392004

Contrast Checker

Text on white

1.82:1

AA Fail AAA Fail

Text on black

11.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