#C705C0

#C705C0

Color Values

HEX

#C705C0

RGB

199, 5, 192

HSL

302.2, 95.1%, 40.0%

HSV

302.2, 97.5%, 78.0%

CMYK

0.0%, 97.5%, 3.5%, 22.0%

OKLCH

0.5789 0.2617 330.3

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#C705C0

#05C70C

Analogous

#6D05C7

#C7055F

#C705C0

Triadic

#C705C0

#C0C705

#05C0C7

Split Complementary

#C705C0

#5FC705

#05C76D

Tetradic

#C705C0

#C76D05

#05C70C

#055FC7

Color Blindness Simulation

Original

#C705C0

Protanopia

#737193

Deuteranopia

#7E8D88

Tritanopia

#BD6F67

Achromatopsia

#3C3C3C

CSS Usage

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

Tailwind Shades

50
#FEF1FD
100
#FCDFFB
200
#FDB9FB
300
#FC88F8
400
#FA47F4
500
#F906F0
600
#C705C0
700
#9F049A
800
#7C0378
900
#5A0757
950
#390437

Contrast Checker

Text on white

4.99:1

AA Pass AAA Fail

Text on black

4.21:1

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