#FD6F66

#FD6F66

Color Values

HEX

#FD6F66

RGB

253, 111, 102

HSL

3,6, 97,4%, 69,6%

HSV

3,6, 59,7%, 99,2%

CMYK

0,0%, 56,1%, 59,7%, 0,8%

OKLCH

0,713 0,1754 26,1

Properties

Warm Light Nearest: indianred 1

Color Harmonies

Complementary

#FD6F66

#66F4FD

Analogous

#FD66A8

#FDBB66

#FD6F66

Triadic

#FD6F66

#66FD6F

#6F66FD

Split Complementary

#FD6F66

#66FDBB

#66A8FD

Tetradic

#FD6F66

#A8FD66

#66F4FD

#BB66FD

Color Blindness Simulation

Original

#FD6F66

Protanopia

#BFBE68

Deuteranopia

#C8D269

Tritanopia

#F66A6A

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#FEF2F1
100
#FCE0DE
200
#FEBDB9
300
#FD8D86
400
#FD5045
500
#FC1203
600
#C90F03
700
#A10C02
800
#7E0902
900
#5B0B06
950
#390704

Contrast Checker

Text on white

2,75:1

AA Fail AAA Fail

Text on black

7,64: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