#340332

#340332

Color Values

HEX

#340332

RGB

52, 3, 50

HSL

302.4, 89.1%, 10.8%

HSV

302.4, 94.2%, 20.4%

CMYK

0.0%, 94.2%, 3.8%, 79.6%

OKLCH

0.2304 0.098 330.0

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#340332

#033405

Analogous

#1E0334

#34031A

#340332

Triadic

#340332

#323403

#033234

Split Complementary

#340332

#1A3403

#03341E

Tetradic

#340332

#341E03

#033405

#031A34

Color Blindness Simulation

Original

#340332

Protanopia

#1F1E27

Deuteranopia

#222524

Tritanopia

#321E1C

Achromatopsia

#111111

CSS Usage

background-color: #340332;
color: #340332;
border-color: #340332;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#FDF2FD
100
#FBE0FA
200
#FBBBF9
300
#F88BF4
400
#F54DEE
500
#F10EE8
600
#C10BBA
700
#9A0994
800
#790774
900
#570A54
950
#370635

Contrast Checker

Text on white

17.43:1

AA Pass AAA Pass

Text on black

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