#CF56A4

#CF56A4

Color Values

HEX

#CF56A4

RGB

207, 86, 164

HSL

321.3, 55.8%, 57.5%

HSV

321.3, 58.5%, 81.2%

CMYK

0.0%, 58.5%, 20.8%, 18.8%

OKLCH

0.6321 0.1757 343.8

Properties

Warm Light Nearest: Red Violet

Color Harmonies

Complementary

#CF56A4

#56CF81

Analogous

#BE56CF

#CF5668

#CF56A4

Triadic

#CF56A4

#A4CF56

#56A4CF

Split Complementary

#CF56A4

#68CF56

#56CFBE

Tetradic

#CF56A4

#CFBE56

#56CF81

#5668CF

Color Blindness Simulation

Original

#CF56A4

Protanopia

#9B9A91

Deuteranopia

#A2AB8D

Tritanopia

#C9827F

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#FBF4F8
100
#F6E5F0
200
#EFC7E1
300
#E4A0CC
400
#D56CB0
500
#C73894
600
#9F2D77
700
#7F245F
800
#631C4A
900
#491838
950
#2E0F23

Contrast Checker

Text on white

3.8:1

AA Fail AAA Fail

Text on black

5.52:1

AA Pass AAA Fail

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