#FD8F86

#FD8F86

Color Values

HEX

#FD8F86

RGB

253, 143, 134

HSL

4,5, 96,7%, 75,9%

HSV

4,5, 47,0%, 99,2%

CMYK

0,0%, 43,5%, 47,0%, 0,8%

OKLCH

0,7658 0,1345 25,6

Properties

Warm Light Nearest: lightcoral

Color Harmonies

Complementary

#FD8F86

#86F4FD

Analogous

#FD86B9

#FDCA86

#FD8F86

Triadic

#FD8F86

#86FD8F

#8F86FD

Split Complementary

#FD8F86

#86FDCA

#86B9FD

Tetradic

#FD8F86

#B9FD86

#86F4FD

#CA86FD

Color Blindness Simulation

Original

#FD8F86

Protanopia

#CDCC88

Deuteranopia

#D4DC89

Tritanopia

#F88A8A

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#FEF2F1
100
#FCE1DE
200
#FEBEB9
300
#FD8F87
400
#FC5345
500
#FB1704
600
#C91203
700
#A10F03
800
#7D0B02
900
#5B0D06
950
#390804

Contrast Checker

Text on white

2,22:1

AA Fail AAA Fail

Text on black

9,45:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026