#FC6BBC

#FC6BBC

Color Values

HEX

#FC6BBC

RGB

252, 107, 188

HSL

326.5, 96.0%, 70.4%

HSV

326.5, 57.5%, 98.8%

CMYK

0.0%, 57.5%, 25.4%, 1.2%

OKLCH

0.7294 0.1958 348.4

Properties

Warm Light Nearest: Magenta

Color Harmonies

Complementary

#FC6BBC

#6BFCAB

Analogous

#F46BFC

#FC6B74

#FC6BBC

Triadic

#FC6BBC

#BCFC6B

#6BBCFC

Split Complementary

#FC6BBC

#74FC6B

#6BFCF4

Tetradic

#FC6BBC

#FCF46B

#6BFCAB

#6B74FC

Color Blindness Simulation

Original

#FC6BBC

Protanopia

#BDBCA8

Deuteranopia

#C6D0A4

Tritanopia

#F59996

Achromatopsia

#909090

CSS Usage

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

Tailwind Shades

50
#FEF1F8
100
#FCDFEF
200
#FEB9DF
300
#FD87C9
400
#FB46AB
500
#FA058E
600
#C80471
700
#A0035B
800
#7D0347
900
#5A0735
950
#390422

Contrast Checker

Text on white

2.64:1

AA Fail AAA Fail

Text on black

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