#CF388F

#CF388F

Color Values

HEX

#CF388F

RGB

207, 56, 143

HSL

325.4, 61.1%, 51.6%

HSV

325.4, 72.9%, 81.2%

CMYK

0.0%, 72.9%, 30.9%, 18.8%

OKLCH

0.5923 0.2032 349.8

Properties

Warm Light Nearest: maroon 3

Color Harmonies

Complementary

#CF388F

#38CF78

Analogous

#C338CF

#CF3844

#CF388F

Triadic

#CF388F

#8FCF38

#388FCF

Split Complementary

#CF388F

#44CF38

#38CFC3

Tetradic

#CF388F

#CFC338

#38CF78

#3844CF

Color Blindness Simulation

Original

#CF388F

Protanopia

#8E8C7A

Deuteranopia

#96A275

Tritanopia

#C76966

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#FBF3F8
100
#F6E4EF
200
#F1C5DF
300
#E79CC8
400
#DA67A9
500
#CD328B
600
#A42870
700
#832059
800
#671946
900
#4B1635
950
#2F0E21

Contrast Checker

Text on white

4.55:1

AA Pass AAA Fail

Text on black

4.62:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026