#FF8C8A

#FF8C8A

Color Values

HEX

#FF8C8A

RGB

255, 140, 138

HSL

1.0, 100.0%, 77.1%

HSV

1.0, 45.9%, 100.0%

CMYK

0.0%, 45.1%, 45.9%, 0.0%

OKLCH

0.7645 0.1397 21.9

Properties

Warm Light Nearest: lightcoral

Color Harmonies

Complementary

#FF8C8A

#8AFDFF

Analogous

#FF8AC3

#FFC78A

#FF8C8A

Triadic

#FF8C8A

#8AFF8C

#8C8AFF

Split Complementary

#FF8C8A

#8AFFC7

#8AC3FF

Tetradic

#FF8C8A

#C3FF8A

#8AFDFF

#C78AFF

Color Blindness Simulation

Original

#FF8C8A

Protanopia

#CDCC8A

Deuteranopia

#D4DC8B

Tritanopia

#F98B8B

Achromatopsia

#A4A4A4

CSS Usage

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

Tailwind Shades

50
#FEF1F1
100
#FCDEDE
200
#FFB9B8
300
#FF8785
400
#FF4542
500
#FF0400
600
#CC0300
700
#A30300
800
#800200
900
#5C0605
950
#3A0403

Contrast Checker

Text on white

2.24:1

AA Fail AAA Fail

Text on black

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