#342E65

#342E65

Color Values

HEX

#342E65

RGB

52, 46, 101

HSL

246.5, 37.4%, 28.8%

HSV

246.5, 54.5%, 39.6%

CMYK

48.5%, 54.5%, 0.0%, 60.4%

OKLCH

0.3384 0.0934 285.2

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#342E65

#5F652E

Analogous

#2E4365

#4F2E65

#342E65

Triadic

#342E65

#65342E

#2E6534

Split Complementary

#342E65

#654F2E

#43652E

Tetradic

#342E65

#652E43

#5F652E

#2E654F

Color Blindness Simulation

Original

#342E65

Protanopia

#313158

Deuteranopia

#323254

Tritanopia

#344D4B

Achromatopsia

#333333

CSS Usage

background-color: #342E65;
color: #342E65;
border-color: #342E65;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F5F5FA
100
#E9E7F3
200
#D1CEE9
300
#B0ABD9
400
#857DC4
500
#5A50AF
600
#48408C
700
#3A3370
800
#2D2858
900
#242041
950
#171429

Contrast Checker

Text on white

12.18:1

AA Pass AAA Pass

Text on black

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