#FFC153

#FFC153

Color Values

HEX

#FFC153

RGB

255, 193, 83

HSL

38.4, 100.0%, 66.3%

HSV

38.4, 67.5%, 100.0%

CMYK

0.0%, 24.3%, 67.5%, 0.0%

OKLCH

0.8478 0.143 78.9

Properties

Warm Light Nearest: Yellow Orange

Color Harmonies

Complementary

#FFC153

#5391FF

Analogous

#FF6B53

#E7FF53

#FFC153

Triadic

#FFC153

#53FFC1

#C153FF

Split Complementary

#FFC153

#53E7FF

#6B53FF

Tetradic

#FFC153

#53FF6B

#5391FF

#FF53E7

Color Blindness Simulation

Original

#FFC153

Protanopia

#E4E46E

Deuteranopia

#E8EC74

Tritanopia

#FC8387

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#FEF9F1
100
#FCF1DE
200
#FFE5B8
300
#FFD385
400
#FFBB42
500
#FFA300
600
#CC8300
700
#A36800
800
#805200
900
#5C3D05
950
#3A2603

Contrast Checker

Text on white

1.61:1

AA Fail AAA Fail

Text on black

13.0: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