#FC6BBD

#FC6BBD

Color Values

HEX

#FC6BBD

RGB

252, 107, 189

HSL

326.1, 96.0%, 70.4%

HSV

326.1, 57.5%, 98.8%

CMYK

0.0%, 57.5%, 25.0%, 1.2%

OKLCH

0.7297 0.1963 348.0

Properties

Warm Light Nearest: Magenta

Color Harmonies

Complementary

#FC6BBD

#6BFCAA

Analogous

#F36BFC

#FC6B74

#FC6BBD

Triadic

#FC6BBD

#BDFC6B

#6BBDFC

Split Complementary

#FC6BBD

#74FC6B

#6BFCF3

Tetradic

#FC6BBD

#FCF36B

#6BFCAA

#6B74FC

Color Blindness Simulation

Original

#FC6BBD

Protanopia

#BDBCA9

Deuteranopia

#C6D0A4

Tritanopia

#F59996

Achromatopsia

#909090

CSS Usage

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

Tailwind Shades

50
#FEF1F8
100
#FCDFEF
200
#FEB9E0
300
#FD87C9
400
#FB46AC
500
#FA058F
600
#C80473
700
#A0035C
800
#7D0348
900
#5A0736
950
#390422

Contrast Checker

Text on white

2.63:1

AA Fail AAA Fail

Text on black

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