#FFC558

#FFC558

Color Values

HEX

#FFC558

RGB

255, 197, 88

HSL

39.2, 100.0%, 67.3%

HSV

39.2, 65.5%, 100.0%

CMYK

0.0%, 22.7%, 65.5%, 0.0%

OKLCH

0.8559 0.1406 80.6

Properties

Warm Light Nearest: Yellow Orange

Color Harmonies

Complementary

#FFC558

#5892FF

Analogous

#FF7258

#E5FF58

#FFC558

Triadic

#FFC558

#58FFC5

#C558FF

Split Complementary

#FFC558

#58E5FF

#7258FF

Tetradic

#FFC558

#58FF72

#5892FF

#FF58E5

Color Blindness Simulation

Original

#FFC558

Protanopia

#E6E572

Deuteranopia

#E9EE79

Tritanopia

#FC878C

Achromatopsia

#C9C9C9

CSS Usage

background-color: #FFC558;
color: #FFC558;
border-color: #FFC558;
Nearest Tailwind: Amber 300 #FCD34D

Tailwind Shades

50
#FEF9F1
100
#FCF2DE
200
#FFE6B8
300
#FFD585
400
#FFBE42
500
#FFA700
600
#CC8500
700
#A36B00
800
#805300
900
#5C3E05
950
#3A2703

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

13.38:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026