#FF8CC3

#FF8CC3

Color Values

HEX

#FF8CC3

RGB

255, 140, 195

HSL

331.3, 100.0%, 77.5%

HSV

331.3, 45.1%, 100.0%

CMYK

0.0%, 45.1%, 23.5%, 0.0%

OKLCH

0.7801 0.1516 351.1

Properties

Warm Light Nearest: palevioletred 1

Color Harmonies

Complementary

#FF8CC3

#8CFFC8

Analogous

#FF8CFD

#FF8F8C

#FF8CC3

Triadic

#FF8CC3

#C3FF8C

#8CC3FF

Split Complementary

#FF8CC3

#8CFF8F

#8CFDFF

Tetradic

#FF8CC3

#FDFF8C

#8CFFC8

#8F8CFF

Color Blindness Simulation

Original

#FF8CC3

Protanopia

#CDCCB6

Deuteranopia

#D4DCB2

Tritanopia

#F9ABA9

Achromatopsia

#A8A8A8

CSS Usage

background-color: #FF8CC3;
color: #FF8CC3;
border-color: #FF8CC3;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FEF1F7
100
#FCDEEC
200
#FFB8DA
300
#FF85BF
400
#FF429D
500
#FF007A
600
#CC0062
700
#A3004E
800
#80003D
900
#5C052F
950
#3A031D

Contrast Checker

Text on white

2.14:1

AA Fail AAA Fail

Text on black

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