#CF347F

#CF347F

Color Values

HEX

#CF347F

RGB

207, 52, 127

HSL

331,0, 61,8%, 50,8%

HSV

331,0, 74,9%, 81,2%

CMYK

0,0%, 74,9%, 38,6%, 18,8%

OKLCH

0,5831 0,2002 356,0

Properties

Warm Dark Nearest: violetred 3

Color Harmonies

Complementary

#CF347F

#34CF84

Analogous

#CF34CC

#CF3734

#CF347F

Triadic

#CF347F

#7FCF34

#347FCF

Split Complementary

#CF347F

#34CF37

#34CCCF

Tetradic

#CF347F

#CCCF34

#34CF84

#3734CF

Color Blindness Simulation

Original

#CF347F

Protanopia

#8C8B6D

Deuteranopia

#95A068

Tritanopia

#C75F5B

Achromatopsia

#5A5A5A

CSS Usage

background-color: #CF347F;
color: #CF347F;
border-color: #CF347F;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FBF3F7
100
#F7E4ED
200
#F1C5DB
300
#E89CC1
400
#DB669F
500
#CE317D
600
#A52764
700
#841F50
800
#67183E
900
#4B1630
950
#300E1E

Contrast Checker

Text on white

4,72:1

AA Pass AAA Fail

Text on black

4,45:1

AA Fail 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