#FF5F3E

#FF5F3E

Color Values

HEX

#FF5F3E

RGB

255, 95, 62

HSL

10.3, 100.0%, 62.2%

HSV

10.3, 75.7%, 100.0%

CMYK

0.0%, 62.7%, 75.7%, 0.0%

OKLCH

0.6905 0.201 33.4

Properties

Warm Light Nearest: tomato

Color Harmonies

Complementary

#FF5F3E

#3EDEFF

Analogous

#FF3E7E

#FFC03E

#FF5F3E

Triadic

#FF5F3E

#3EFF5F

#5F3EFF

Split Complementary

#FF5F3E

#3EFFC0

#3E7EFF

Tetradic

#FF5F3E

#7EFF3E

#3EDEFF

#C03EFF

Color Blindness Simulation

Original

#FF5F3E

Protanopia

#BAB846

Deuteranopia

#C3CF48

Tritanopia

#F74C4E

Achromatopsia

#7F7F7F

CSS Usage

background-color: #FF5F3E;
color: #FF5F3E;
border-color: #FF5F3E;
Nearest Tailwind: Red 500 #EF4444

Tailwind Shades

50
#FEF3F1
100
#FCE3DE
200
#FFC4B8
300
#FF9A85
400
#FF6342
500
#FF2C00
600
#CC2300
700
#A31C00
800
#801600
900
#5C1405
950
#3A0D03

Contrast Checker

Text on white

3.02:1

AA Fail AAA Fail

Text on black

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