#CF447B

#CF447B

Color Values

HEX

#CF447B

RGB

207, 68, 123

HSL

336.3, 59.1%, 53.9%

HSV

336.3, 67.1%, 81.2%

CMYK

0.0%, 67.1%, 40.6%, 18.8%

OKLCH

0.5968 0.1805 359.9

Properties

Warm Light Nearest: RAL 4010 Telemagenta

Color Harmonies

Complementary

#CF447B

#44CF98

Analogous

#CF44C0

#CF5344

#CF447B

Triadic

#CF447B

#7BCF44

#447BCF

Split Complementary

#CF447B

#44CF53

#44C0CF

Tetradic

#CF447B

#C0CF44

#44CF98

#5344CF

Color Blindness Simulation

Original

#CF447B

Protanopia

#93926E

Deuteranopia

#9BA56A

Tritanopia

#C86361

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F6E4EB
200
#F0C6D7
300
#E69EBA
400
#D86995
500
#CB3470
600
#A22A59
700
#822147
800
#651A38
900
#4A172B
950
#2F0E1B

Contrast Checker

Text on white

4.41:1

AA Fail AAA Fail

Text on black

4.77:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1월 18, 2026