#FF6B40

#FF6B40

Color Values

HEX

#FF6B40

RGB

255, 107, 64

HSL

13.5, 100.0%, 62.5%

HSV

13.5, 74.9%, 100.0%

CMYK

0.0%, 58.0%, 74.9%, 0.0%

OKLCH

0.7055 0.1899 36.7

Properties

Warm Light Nearest: Outrageous Orange

Color Harmonies

Complementary

#FF6B40

#40D4FF

Analogous

#FF4074

#FFCA40

#FF6B40

Triadic

#FF6B40

#40FF6B

#6B40FF

Split Complementary

#FF6B40

#40FFCA

#4074FF

Tetradic

#FF6B40

#74FF40

#40D4FF

#CA40FF

Color Blindness Simulation

Original

#FF6B40

Protanopia

#BFBE4A

Deuteranopia

#C8D34D

Tritanopia

#F85354

Achromatopsia

#878787

CSS Usage

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

Tailwind Shades

50
#FEF4F1
100
#FCE5DE
200
#FFC8B8
300
#FFA085
400
#FF6D42
500
#FF3900
600
#CC2E00
700
#A32500
800
#801D00
900
#5C1805
950
#3A0F03

Contrast Checker

Text on white

2.83:1

AA Fail AAA Fail

Text on black

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