#342083

#342083

Color Values

HEX

#342083

RGB

52, 32, 131

HSL

252.1, 60.7%, 32.0%

HSV

252.1, 75.6%, 51.4%

CMYK

60.3%, 75.6%, 0.0%, 48.6%

OKLCH

0.3405 0.1549 283.8

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#342083

#6F8320

Analogous

#203E83

#662083

#342083

Triadic

#342083

#833420

#208334

Split Complementary

#342083

#836620

#3E8320

Tetradic

#342083

#83203E

#6F8320

#208366

Color Blindness Simulation

Original

#342083

Protanopia

#2B2B6B

Deuteranopia

#2C2E65

Tritanopia

#335854

Achromatopsia

#2B2B2B

CSS Usage

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

Tailwind Shades

50
#F5F3FB
100
#E8E4F6
200
#CEC6F1
300
#AC9DE7
400
#7E67DA
500
#5132CD
600
#4128A4
700
#342083
800
#291966
900
#21164B
950
#150E2F

Contrast Checker

Text on white

12.5:1

AA Pass AAA Pass

Text on black

1.68:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026