#CF0883

#CF0883

Color Values

HEX

#CF0883

RGB

207, 8, 131

HSL

322.9, 92.6%, 42.2%

HSV

322.9, 96.1%, 81.2%

CMYK

0.0%, 96.1%, 36.7%, 18.8%

OKLCH

0.5629 0.2303 352.1

Properties

Warm Dark Nearest: mediumvioletred

Color Harmonies

Complementary

#CF0883

#08CF54

Analogous

#B808CF

#CF0820

#CF0883

Triadic

#CF0883

#83CF08

#0883CF

Split Complementary

#CF0883

#20CF08

#08CFB8

Tetradic

#CF0883

#CFB808

#08CF54

#0820CF

Color Blindness Simulation

Original

#CF0883

Protanopia

#797765

Deuteranopia

#84935E

Tritanopia

#C54E49

Achromatopsia

#3B3B3B

CSS Usage

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

Tailwind Shades

50
#FDF1F9
100
#FBDFF0
200
#FCBAE3
300
#FA89CF
400
#F849B5
500
#F6099B
600
#C4087C
700
#9D0663
800
#7B054E
900
#59083A
950
#380525

Contrast Checker

Text on white

5.23:1

AA Pass AAA Fail

Text on black

4.02:1

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