#6C2F49

#6C2F49

Color Values

HEX

#6C2F49

RGB

108, 47, 73

HSL

334.4, 39.4%, 30.4%

HSV

334.4, 56.5%, 42.4%

CMYK

0.0%, 56.5%, 32.4%, 57.6%

OKLCH

0.3969 0.0922 355.3

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#6C2F49

#2F6C52

Analogous

#6C2F68

#6C332F

#6C2F49

Triadic

#6C2F49

#496C2F

#2F496C

Split Complementary

#6C2F49

#2F6C33

#2F686C

Tetradic

#6C2F49

#686C2F

#2F6C52

#332F6C

Color Blindness Simulation

Original

#6C2F49

Protanopia

#525143

Deuteranopia

#555A41

Tritanopia

#693E3D

Achromatopsia

#3E3E3E

CSS Usage

background-color: #6C2F49;
color: #6C2F49;
border-color: #6C2F49;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FAF5F7
100
#F3E7EC
200
#E9CDD9
300
#DAAABE
400
#C67B9B
500
#B24D78
600
#8E3E60
700
#72314D
800
#59273C
900
#421F2E
950
#29141D

Contrast Checker

Text on white

9.81:1

AA Pass AAA Pass

Text on black

2.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