#C705AF

#C705AF

Color Values

HEX

#C705AF

RGB

199, 5, 175

HSL

307,4, 95,1%, 40,0%

HSV

307,4, 97,5%, 78,0%

CMYK

0,0%, 97,5%, 12,1%, 22,0%

OKLCH

0,5692 0,251 335,2

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#C705AF

#05C71D

Analogous

#7E05C7

#C7054E

#C705AF

Triadic

#C705AF

#AFC705

#05AFC7

Split Complementary

#C705AF

#4EC705

#05C77E

Tetradic

#C705AF

#C77E05

#05C71D

#054EC7

Color Blindness Simulation

Original

#C705AF

Protanopia

#737186

Deuteranopia

#7E8D7C

Tritanopia

#BD655E

Achromatopsia

#3B3B3B

CSS Usage

background-color: #C705AF;
color: #C705AF;
border-color: #C705AF;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FEF1FC
100
#FCDFF8
200
#FDB9F5
300
#FC88EE
400
#FA47E4
500
#F906DB
600
#C705AF
700
#9F048C
800
#7C036D
900
#5A0750
950
#390432

Contrast Checker

Text on white

5,16:1

AA Pass AAA Fail

Text on black

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