#C606BA

#C606BA

Color Values

HEX

#C606BA

RGB

198, 6, 186

HSL

303.8, 94.1%, 40.0%

HSV

303.8, 97.0%, 77.6%

CMYK

0.0%, 97.0%, 6.1%, 22.4%

OKLCH

0.574 0.2572 331.7

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#C606BA

#06C612

Analogous

#7206C6

#C6065A

#C606BA

Triadic

#C606BA

#BAC606

#06BAC6

Split Complementary

#C606BA

#5AC606

#06C672

Tetradic

#C606BA

#C67206

#06C612

#065AC6

Color Blindness Simulation

Original

#C606BA

Protanopia

#73718E

Deuteranopia

#7E8C84

Tritanopia

#BC6C64

Achromatopsia

#3C3C3C

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFA
200
#FDBAF9
300
#FB88F4
400
#F948EE
500
#F708E8
600
#C606BA
700
#9E0595
800
#7C0474
900
#590754
950
#390535

Contrast Checker

Text on white

5.08:1

AA Pass AAA Fail

Text on black

4.14: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