#CF09D3

#CF09D3

Color Values

HEX

#CF09D3

RGB

207, 9, 211

HSL

298,8, 91,8%, 43,1%

HSV

298,8, 95,7%, 82,7%

CMYK

1,9%, 95,7%, 0,0%, 17,3%

OKLCH

0,6037 0,2759 327,3

Properties

Cool Light Nearest: magenta 3

Color Harmonies

Complementary

#CF09D3

#0DD309

Analogous

#6A09D3

#D30972

#CF09D3

Triadic

#CF09D3

#D3CF09

#09D3CF

Split Complementary

#CF09D3

#72D309

#09D36A

Tetradic

#CF09D3

#D36A09

#0DD309

#0972D3

Color Blindness Simulation

Original

#CF09D3

Protanopia

#7978A2

Deuteranopia

#859496

Tritanopia

#C57B73

Achromatopsia

#424242

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFB
200
#FBBBFC
300
#F88AFA
400
#F44AF7
500
#F00AF5
600
#C008C4
700
#9A079D
800
#78057A
900
#570858
950
#370538

Contrast Checker

Text on white

4,53:1

AA Pass AAA Fail

Text on black

4,63:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026