#342C48

#342C48

Color Values

HEX

#342C48

RGB

52, 44, 72

HSL

257.1, 24.1%, 22.7%

HSV

257.1, 38.9%, 28.2%

CMYK

27.8%, 38.9%, 0.0%, 71.8%

OKLCH

0.3149 0.05 296.6

Properties

Cool Dark Nearest: RAL 5013 Cobalt Blue

Color Harmonies

Complementary

#342C48

#40482C

Analogous

#2C3248

#422C48

#342C48

Triadic

#342C48

#48342C

#2C4834

Split Complementary

#342C48

#48422C

#32482C

Tetradic

#342C48

#482C32

#40482C

#2C4842

Color Blindness Simulation

Original

#342C48

Protanopia

#313041

Deuteranopia

#313240

Tritanopia

#343C3B

Achromatopsia

#303030

CSS Usage

background-color: #342C48;
color: #342C48;
border-color: #342C48;
Nearest Tailwind: Slate 800 #1E293B

Tailwind Shades

50
#F7F6F9
100
#ECE9F1
200
#D8D3E4
300
#BBB3D1
400
#978AB7
500
#72619E
600
#5B4D7F
700
#493E65
800
#39304F
900
#2C263B
950
#1C1825

Contrast Checker

Text on white

13.13:1

AA Pass AAA Pass

Text on black

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