#C666BD

#C666BD

Color Values

HEX

#C666BD

RGB

198, 102, 189

HSL

305.6, 45.7%, 58.8%

HSV

305.6, 48.5%, 77.6%

CMYK

0.0%, 48.5%, 4.5%, 22.4%

OKLCH

0.652 0.1625 330.8

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#C666BD

#66C66F

Analogous

#9F66C6

#C6668D

#C666BD

Triadic

#C666BD

#BDC666

#66BDC6

Split Complementary

#C666BD

#8DC666

#66C69F

Tetradic

#C666BD

#C69F66

#66C66F

#668DC6

Color Blindness Simulation

Original

#C666BD

Protanopia

#9C9CA8

Deuteranopia

#A2A9A3

Tritanopia

#C19794

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#FAF4FA
100
#F4E6F3
200
#ECCBE9
300
#DEA6D9
400
#CC76C4
500
#BA45AF
600
#95378C
700
#772C70
800
#5D2357
900
#441D41
950
#2B1229

Contrast Checker

Text on white

3.48:1

AA Fail AAA Fail

Text on black

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