#FE6B6D

#FE6B6D

Color Values

HEX

#FE6B6D

RGB

254, 107, 109

HSL

359.2, 98.7%, 70.8%

HSV

359.2, 57.9%, 99.6%

CMYK

0.0%, 57.9%, 57.1%, 0.4%

OKLCH

0.7105 0.1799 22.0

Properties

Warm Light Nearest: indianred 1

Color Harmonies

Complementary

#FE6B6D

#6BFEFC

Analogous

#FE6BB6

#FEB36B

#FE6B6D

Triadic

#FE6B6D

#6DFE6B

#6B6DFE

Split Complementary

#FE6B6D

#6BFEB3

#6BB6FE

Tetradic

#FE6B6D

#B6FE6B

#6BFEFC

#B36BFE

Color Blindness Simulation

Original

#FE6B6D

Protanopia

#BEBD6D

Deuteranopia

#C7D26C

Tritanopia

#F76C6C

Achromatopsia

#8A8A8A

CSS Usage

background-color: #FE6B6D;
color: #FE6B6D;
border-color: #FE6B6D;
Nearest Tailwind: Red 400 #F87171

Tailwind Shades

50
#FEF1F1
100
#FCDEDF
200
#FFB8B9
300
#FE8587
400
#FE4446
500
#FD0205
600
#CB0104
700
#A20103
800
#7F0103
900
#5B0507
950
#3A0304

Contrast Checker

Text on white

2.79:1

AA Fail AAA Fail

Text on black

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