#340C2F

#340C2F

Color Values

HEX

#340C2F

RGB

52, 12, 47

HSL

307.5, 62.5%, 12.5%

HSV

307.5, 76.9%, 20.4%

CMYK

0.0%, 76.9%, 9.6%, 79.6%

OKLCH

0.2394 0.0808 333.1

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#340C2F

#0C3411

Analogous

#250C34

#340C1B

#340C2F

Triadic

#340C2F

#2F340C

#0C2F34

Split Complementary

#340C2F

#1B340C

#0C3425

Tetradic

#340C2F

#34250C

#0C3411

#0C1B34

Color Blindness Simulation

Original

#340C2F

Protanopia

#232227

Deuteranopia

#252824

Tritanopia

#32201E

Achromatopsia

#171717

CSS Usage

background-color: #340C2F;
color: #340C2F;
border-color: #340C2F;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#FBF3FA
100
#F7E4F4
200
#F2C5EC
300
#E89CDE
400
#DC66CD
500
#CF30BB
600
#A62696
700
#851F78
800
#68185E
900
#4C1545
950
#300D2C

Contrast Checker

Text on white

16.94:1

AA Pass AAA Pass

Text on black

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