#FE6843

#FE6843

Color Values

HEX

#FE6843

RGB

254, 104, 67

HSL

11.9, 98.9%, 62.9%

HSV

11.9, 73.6%, 99.6%

CMYK

0.0%, 59.1%, 73.6%, 0.4%

OKLCH

0.7005 0.1908 35.0

Properties

Warm Light Nearest: Outrageous Orange

Color Harmonies

Complementary

#FE6843

#43D9FE

Analogous

#FE437B

#FEC643

#FE6843

Triadic

#FE6843

#43FE68

#6843FE

Split Complementary

#FE6843

#43FEC6

#437BFE

Tetradic

#FE6843

#7BFE43

#43D9FE

#C643FE

Color Blindness Simulation

Original

#FE6843

Protanopia

#BDBC4C

Deuteranopia

#C6D14E

Tritanopia

#F65355

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#FEF3F1
100
#FCE4DE
200
#FFC6B8
300
#FE9D85
400
#FE6843
500
#FE3301
600
#CB2901
700
#A22101
800
#7F1A01
900
#5C1605
950
#3A0E03

Contrast Checker

Text on white

2.89:1

AA Fail AAA Fail

Text on black

7.28:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026