#342F66

#342F66

Color Values

HEX

#342F66

RGB

52, 47, 102

HSL

245.5, 36.9%, 29.2%

HSV

245.5, 53.9%, 40.0%

CMYK

49.0%, 53.9%, 0.0%, 60.0%

OKLCH

0.3412 0.0933 284.4

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#342F66

#61662F

Analogous

#2F4566

#4F2F66

#342F66

Triadic

#342F66

#66342F

#2F6634

Split Complementary

#342F66

#664F2F

#45662F

Tetradic

#342F66

#662F45

#61662F

#2F664F

Color Blindness Simulation

Original

#342F66

Protanopia

#323259

Deuteranopia

#323255

Tritanopia

#344E4C

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E9E8F3
200
#D1CEE8
300
#AFABD8
400
#847EC3
500
#5950AF
600
#47408C
700
#393370
800
#2D2857
900
#232041
950
#161429

Contrast Checker

Text on white

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