#FF6C42

#FF6C42

Color Values

HEX

#FF6C42

RGB

255, 108, 66

HSL

13.3, 100.0%, 62.9%

HSV

13.3, 74.1%, 100.0%

CMYK

0.0%, 57.6%, 74.1%, 0.0%

OKLCH

0.707 0.1886 36.6

Properties

Warm Light Nearest: Outrageous Orange

Color Harmonies

Complementary

#FF6C42

#42D5FF

Analogous

#FF4276

#FFCA42

#FF6C42

Triadic

#FF6C42

#42FF6C

#6C42FF

Split Complementary

#FF6C42

#42FFCA

#4276FF

Tetradic

#FF6C42

#76FF42

#42D5FF

#CA42FF

Color Blindness Simulation

Original

#FF6C42

Protanopia

#BFBE4C

Deuteranopia

#C8D34F

Tritanopia

#F85456

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#FEF4F1
100
#FCE5DE
200
#FFC7B8
300
#FFA085
400
#FF6C42
500
#FF3900
600
#CC2D00
700
#A32400
800
#801C00
900
#5C1805
950
#3A0F03

Contrast Checker

Text on white

2.81:1

AA Fail AAA Fail

Text on black

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