#342F64

#342F64

Color Values

HEX

#342F64

RGB

52, 47, 100

HSL

245.7, 36.1%, 28.8%

HSV

245.7, 53.0%, 39.2%

CMYK

48.0%, 53.0%, 0.0%, 60.8%

OKLCH

0.3397 0.0902 284.8

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#342F64

#5F642F

Analogous

#2F4464

#4E2F64

#342F64

Triadic

#342F64

#64342F

#2F6434

Split Complementary

#342F64

#644E2F

#44642F

Tetradic

#342F64

#642F44

#5F642F

#2F644E

Color Blindness Simulation

Original

#342F64

Protanopia

#323257

Deuteranopia

#323254

Tritanopia

#344D4B

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E9E8F3
200
#D1CEE8
300
#B0ACD8
400
#857FC3
500
#5A51AE
600
#48418B
700
#3A346F
800
#2D2957
900
#242140
950
#171529

Contrast Checker

Text on white

12.09:1

AA Pass AAA Pass

Text on black

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