#6C1645

#6C1645

Color Values

HEX

#6C1645

RGB

108, 22, 69

HSL

327.2, 66.2%, 25.5%

HSV

327.2, 79.6%, 42.4%

CMYK

0.0%, 79.6%, 36.1%, 57.6%

OKLCH

0.3643 0.1275 352.1

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#6C1645

#166C3D

Analogous

#68166C

#6C161A

#6C1645

Triadic

#6C1645

#456C16

#16456C

Split Complementary

#6C1645

#1A6C16

#166C68

Tetradic

#6C1645

#6C6816

#166C3D

#161A6C

Color Blindness Simulation

Original

#6C1645

Protanopia

#47463A

Deuteranopia

#4C5237

Tritanopia

#68312F

Achromatopsia

#2C2C2C

CSS Usage

background-color: #6C1645;
color: #6C1645;
border-color: #6C1645;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FCF3F8
100
#F7E3EE
200
#F3C4DE
300
#EA99C6
400
#DF62A6
500
#D42B87
600
#AA226C
700
#881C57
800
#6A1644
900
#4D1433
950
#310C20

Contrast Checker

Text on white

11.42:1

AA Pass AAA Pass

Text on black

1.84:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026