#CF3689

#CF3689

Color Values

HEX

#CF3689

RGB

207, 54, 137

HSL

327,5, 61,4%, 51,2%

HSV

327,5, 73,9%, 81,2%

CMYK

0,0%, 73,9%, 33,8%, 18,8%

OKLCH

0,5884 0,2025 352,1

Properties

Warm Dark Nearest: Cerise

Color Harmonies

Complementary

#CF3689

#36CF7C

Analogous

#C936CF

#CF363D

#CF3689

Triadic

#CF3689

#89CF36

#3689CF

Split Complementary

#CF3689

#3DCF36

#36CFC9

Tetradic

#CF3689

#CFC936

#36CF7C

#363DCF

Color Blindness Simulation

Original

#CF3689

Protanopia

#8D8B75

Deuteranopia

#96A170

Tritanopia

#C76562

Achromatopsia

#5D5D5D

CSS Usage

background-color: #CF3689;
color: #CF3689;
border-color: #CF3689;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FBF3F8
100
#F6E4EE
200
#F1C5DD
300
#E79CC5
400
#DB67A5
500
#CE3186
600
#A5276B
700
#841F56
800
#671943
900
#4B1633
950
#300E20

Contrast Checker

Text on white

4,62:1

AA Pass AAA Fail

Text on black

4,54:1

AA Pass AAA Fail

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