#CF467A

#CF467A

Color Values

HEX

#CF467A

RGB

207, 70, 122

HSL

337.2, 58.8%, 54.3%

HSV

337.2, 66.2%, 81.2%

CMYK

0.0%, 66.2%, 41.1%, 18.8%

OKLCH

0.5986 0.1777 0.7

Properties

Warm Light Nearest: NCS S 1050-R20B Raspberry

Color Harmonies

Complementary

#CF467A

#46CF9B

Analogous

#CF46BF

#CF5646

#CF467A

Triadic

#CF467A

#7ACF46

#467ACF

Split Complementary

#CF467A

#46CF56

#46BFCF

Tetradic

#CF467A

#BFCF46

#46CF9B

#5646CF

Color Blindness Simulation

Original

#CF467A

Protanopia

#94926D

Deuteranopia

#9CA66A

Tritanopia

#C86361

Achromatopsia

#676767

CSS Usage

background-color: #CF467A;
color: #CF467A;
border-color: #CF467A;
Nearest Tailwind: Pink 700 #BE185D

Tailwind Shades

50
#FBF4F6
100
#F6E4EB
200
#F0C6D6
300
#E69EB9
400
#D86993
500
#CA356E
600
#A22A58
700
#822246
800
#651A37
900
#4A172A
950
#2F0E1B

Contrast Checker

Text on white

4.37:1

AA Fail AAA Fail

Text on black

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