#FE6856

#FE6856

Color Values

HEX

#FE6856

RGB

254, 104, 86

HSL

6.4, 98.8%, 66.7%

HSV

6.4, 66.1%, 99.6%

CMYK

0.0%, 59.1%, 66.1%, 0.4%

OKLCH

0.7029 0.1866 29.4

Properties

Warm Light Nearest: Sunset Orange

Color Harmonies

Complementary

#FE6856

#56ECFE

Analogous

#FE5698

#FEBC56

#FE6856

Triadic

#FE6856

#56FE68

#6856FE

Split Complementary

#FE6856

#56FEBC

#5698FE

Tetradic

#FE6856

#98FE56

#56ECFE

#BC56FE

Color Blindness Simulation

Original

#FE6856

Protanopia

#BDBC5A

Deuteranopia

#C6D15B

Tritanopia

#F65E5F

Achromatopsia

#878787

CSS Usage

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

Tailwind Shades

50
#FEF2F1
100
#FCE1DE
200
#FFC0B8
300
#FE9285
400
#FE5743
500
#FD1C02
600
#CB1701
700
#A21201
800
#7F0E01
900
#5C0F05
950
#3A0903

Contrast Checker

Text on white

2.87:1

AA Fail AAA Fail

Text on black

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