#C069AA

#C069AA

Color Values

HEX

#C069AA

RGB

192, 105, 170

HSL

315.2, 40.8%, 58.2%

HSV

315.2, 45.3%, 75.3%

CMYK

0.0%, 45.3%, 11.5%, 24.7%

OKLCH

0.6408 0.137 337.3

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#C069AA

#69C07F

Analogous

#AA69C0

#C0697E

#C069AA

Triadic

#C069AA

#AAC069

#69AAC0

Split Complementary

#C069AA

#7EC069

#69C0AA

Tetradic

#C069AA

#C0AA69

#69C07F

#697EC0

Color Blindness Simulation

Original

#C069AA

Protanopia

#9A9A9A

Deuteranopia

#9FA696

Tritanopia

#BC8E8B

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#FAF5F9
100
#F3E7F0
200
#EACDE2
300
#DBA9CE
400
#C77AB4
500
#B44B99
600
#903C7B
700
#733062
800
#5A264D
900
#421F39
950
#2A1324

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

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026