#C166B6

#C166B6

Color Values

HEX

#C166B6

RGB

193, 102, 182

HSL

307.3, 42.3%, 57.8%

HSV

307.3, 47.2%, 75.7%

CMYK

0.0%, 47.2%, 5.7%, 24.3%

OKLCH

0.6427 0.1529 331.8

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#C166B6

#66C171

Analogous

#9E66C1

#C16688

#C166B6

Triadic

#C166B6

#B6C166

#66B6C1

Split Complementary

#C166B6

#88C166

#66C19E

Tetradic

#C166B6

#C19E66

#66C171

#6688C1

Color Blindness Simulation

Original

#C166B6

Protanopia

#9A99A3

Deuteranopia

#9FA69E

Tritanopia

#BC9390

Achromatopsia

#7F7F7F

CSS Usage

background-color: #C166B6;
color: #C166B6;
border-color: #C166B6;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FAF5F9
100
#F4E7F2
200
#EACCE7
300
#DCA8D5
400
#C979BF
500
#B54AA8
600
#913B87
700
#742F6C
800
#5B2554
900
#431E3E
950
#2A1327

Contrast Checker

Text on white

3.59:1

AA Fail AAA Fail

Text on black

5.84:1

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