#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026