#FF5502

#FF5502

Color Values

HEX

#FF5502

RGB

255, 85, 2

HSL

19,7, 100,0%, 50,4%

HSV

19,7, 99,2%, 100,0%

CMYK

0,0%, 66,7%, 99,2%, 0,0%

OKLCH

0,6759 0,2173 38,7

Properties

Warm Light Nearest: orangered

Color Harmonies

Complementary

#FF5502

#02ACFF

Analogous

#FF022D

#FFD402

#FF5502

Triadic

#FF5502

#02FF55

#5502FF

Split Complementary

#FF5502

#02FFD4

#022DFF

Tetradic

#FF5502

#2DFF02

#02ACFF

#D402FF

Color Blindness Simulation

Original

#FF5502

Protanopia

#B5B416

Deuteranopia

#BFCC1B

Tritanopia

#F62629

Achromatopsia

#737373

CSS Usage

background-color: #FF5502;
color: #FF5502;
border-color: #FF5502;
Nearest Tailwind: Orange 600 #EA580C

Tailwind Shades

50
#FEF5F1
100
#FCE8DE
200
#FFCFB8
300
#FFAD85
400
#FF8042
500
#FF5400
600
#CC4300
700
#A33600
800
#802A00
900
#5C2105
950
#3A1503

Contrast Checker

Text on white

3,2:1

AA Fail AAA Fail

Text on black

6,55:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026