#340317

#340317

Color Values

HEX

#340317

RGB

52, 3, 23

HSL

335.5, 89.1%, 10.8%

HSV

335.5, 94.2%, 20.4%

CMYK

0.0%, 94.2%, 55.8%, 79.6%

OKLCH

0.2151 0.0797 1.3

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#340317

#033420

Analogous

#340330

#340803

#340317

Triadic

#340317

#173403

#031734

Split Complementary

#340317

#033408

#033034

Tetradic

#340317

#303403

#033420

#080334

Color Blindness Simulation

Original

#340317

Protanopia

#1F1E12

Deuteranopia

#222511

Tritanopia

#320E0E

Achromatopsia

#0F0F0F

CSS Usage

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

Tailwind Shades

50
#FDF2F6
100
#FBE0EB
200
#FBBBD5
300
#F88BB8
400
#F54D91
500
#F10E6B
600
#C10B55
700
#9A0944
800
#790735
900
#570A29
950
#37061A

Contrast Checker

Text on white

17.93:1

AA Pass AAA Pass

Text on black

1.17:1

AA Fail 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