#FC95CE

#FC95CE

Color Values

HEX

#FC95CE

RGB

252, 149, 206

HSL

326.8, 94.5%, 78.6%

HSV

326.8, 40.9%, 98.8%

CMYK

0.0%, 40.9%, 18.3%, 1.2%

OKLCH

0.7937 0.1404 346.4

Properties

Warm Light Nearest: Carnation Pink

Color Harmonies

Complementary

#FC95CE

#95FCC3

Analogous

#F695FC

#FC959A

#FC95CE

Triadic

#FC95CE

#CEFC95

#95CEFC

Split Complementary

#FC95CE

#9AFC95

#95FCF6

Tetradic

#FC95CE

#FCF695

#95FCC3

#959AFC

Color Blindness Simulation

Original

#FC95CE

Protanopia

#CFCFC0

Deuteranopia

#D5DDBD

Tritanopia

#F7B5B3

Achromatopsia

#AFAFAF

CSS Usage

background-color: #FC95CE;
color: #FC95CE;
border-color: #FC95CE;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FDF1F8
100
#FBDFEF
200
#FDBADF
300
#FC88C8
400
#FA47AA
500
#F8078C
600
#C60670
700
#9F045A
800
#7C0446
900
#5A0735
950
#390521

Contrast Checker

Text on white

2.03:1

AA Fail AAA Fail

Text on black

10.33:1

AA Pass AAA Pass

Related Articles

Tutorials

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

1月 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1月 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1月 15, 2026