#CF0BCF

#CF0BCF

Color Values

HEX

#CF0BCF

RGB

207, 11, 207

HSL

300,0, 89,9%, 42,7%

HSV

300,0, 94,7%, 81,2%

CMYK

0,0%, 94,7%, 0,0%, 18,8%

OKLCH

0,6016 0,2728 328,3

Properties

Warm Light Nearest: magenta 3

Color Harmonies

Complementary

#CF0BCF

#0BCF0B

Analogous

#6D0BCF

#CF0B6D

#CF0BCF

Triadic

#CF0BCF

#CFCF0B

#0BCFCF

Split Complementary

#CF0BCF

#6DCF0B

#0BCF6D

Tetradic

#CF0BCF

#CF6D0B

#0BCF0B

#0B6DCF

Color Blindness Simulation

Original

#CF0BCF

Protanopia

#7A78A0

Deuteranopia

#869494

Tritanopia

#C57A72

Achromatopsia

#434343

CSS Usage

background-color: #CF0BCF;
color: #CF0BCF;
border-color: #CF0BCF;
Nearest Tailwind: Fuchsia 600 #C026D3

Tailwind Shades

50
#FDF2FD
100
#FBE0FB
200
#FBBBFB
300
#F98BF9
400
#F54CF5
500
#F20DF2
600
#C20AC2
700
#9B089B
800
#790679
900
#580958
950
#370637

Contrast Checker

Text on white

4,56:1

AA Pass AAA Fail

Text on black

4,6:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026