#342183

#342183

Color Values

HEX

#342183

RGB

52, 33, 131

HSL

251,6, 59,8%, 32,2%

HSV

251,6, 74,8%, 51,4%

CMYK

60,3%, 74,8%, 0,0%, 48,6%

OKLCH

0,3419 0,1538 283,6

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#342183

#708321

Analogous

#213F83

#652183

#342183

Triadic

#342183

#833421

#218334

Split Complementary

#342183

#836521

#3F8321

Tetradic

#342183

#83213F

#708321

#218365

Color Blindness Simulation

Original

#342183

Protanopia

#2C2C6B

Deuteranopia

#2D2E66

Tritanopia

#335954

Achromatopsia

#2C2C2C

CSS Usage

background-color: #342183;
color: #342183;
border-color: #342183;
Nearest Tailwind: Violet 950 #2E1065

Tailwind Shades

50
#F5F3FB
100
#E8E4F6
200
#CEC6F1
300
#AB9DE6
400
#7E68D9
500
#5133CC
600
#4129A3
700
#342182
800
#281A66
900
#20164B
950
#140E2F

Contrast Checker

Text on white

12,42:1

AA Pass AAA Pass

Text on black

1,69:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Şub 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Şub 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Şub 20, 2026