#FE6C2C

#FE6C2C

Color Values

HEX

#FE6C2C

RGB

254, 108, 44

HSL

18.3, 99.1%, 58.4%

HSV

18.3, 82.7%, 99.6%

CMYK

0.0%, 57.5%, 82.7%, 0.4%

OKLCH

0.7037 0.1928 41.4

Properties

Warm Light Nearest: Burnt Orange

Color Harmonies

Complementary

#FE6C2C

#2CBEFE

Analogous

#FE2C55

#FED52C

#FE6C2C

Triadic

#FE6C2C

#2CFE6C

#6C2CFE

Split Complementary

#FE6C2C

#2CFED5

#2C55FE

Tetradic

#FE6C2C

#55FE2C

#2CBEFE

#D52CFE

Color Blindness Simulation

Original

#FE6C2C

Protanopia

#BFBE3B

Deuteranopia

#C7D23F

Tritanopia

#F7484A

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#FEF5F1
100
#FCE7DE
200
#FFCEB8
300
#FEAA85
400
#FE7C43
500
#FE4E01
600
#CB3F01
700
#A23201
800
#7F2701
900
#5C2005
950
#3A1403

Contrast Checker

Text on white

2.84:1

AA Fail AAA Fail

Text on black

7.4:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026