#C705BA

#C705BA

Color Values

HEX

#C705BA

RGB

199, 5, 186

HSL

304,0, 95,1%, 40,0%

HSV

304,0, 97,5%, 78,0%

CMYK

0,0%, 97,5%, 6,5%, 22,0%

OKLCH

0,5754 0,2578 332,0

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#C705BA

#05C712

Analogous

#7305C7

#C70559

#C705BA

Triadic

#C705BA

#BAC705

#05BAC7

Split Complementary

#C705BA

#59C705

#05C773

Tetradic

#C705BA

#C77305

#05C712

#0559C7

Color Blindness Simulation

Original

#C705BA

Protanopia

#73718E

Deuteranopia

#7E8D84

Tritanopia

#BD6C64

Achromatopsia

#3B3B3B

CSS Usage

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

Tailwind Shades

50
#FEF1FD
100
#FCDFFA
200
#FDB9F9
300
#FC88F4
400
#FA47EE
500
#F906E9
600
#C705BA
700
#9F0495
800
#7C0374
900
#5A0754
950
#390435

Contrast Checker

Text on white

5,05:1

AA Pass AAA Fail

Text on black

4,16: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