#CF03CF

#CF03CF

Color Values

HEX

#CF03CF

RGB

207, 3, 207

HSL

300.0, 97.1%, 41.2%

HSV

300.0, 98.6%, 81.2%

CMYK

0.0%, 98.6%, 0.0%, 18.8%

OKLCH

0.6001 0.2748 328.4

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#CF03CF

#03CF03

Analogous

#6903CF

#CF0369

#CF03CF

Triadic

#CF03CF

#CFCF03

#03CFCF

Split Complementary

#CF03CF

#69CF03

#03CF69

Tetradic

#CF03CF

#CF6903

#03CF03

#0369CF

Color Blindness Simulation

Original

#CF03CF

Protanopia

#77759E

Deuteranopia

#829292

Tritanopia

#C5776E

Achromatopsia

#3D3D3D

CSS Usage

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

Tailwind Shades

50
#FEF1FE
100
#FCDEFC
200
#FEB9FE
300
#FD86FD
400
#FC45FC
500
#FB04FB
600
#C903C9
700
#A102A1
800
#7E027E
900
#5B065B
950
#390439

Contrast Checker

Text on white

4.6:1

AA Pass AAA Fail

Text on black

4.57:1

AA Pass AAA Fail

Related Articles

Tutorials

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

1月 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1月 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1月 15, 2026