#342D43

#342D43

Color Values

HEX

#342D43

RGB

52, 45, 67

HSL

259.1, 19.6%, 22.0%

HSV

259.1, 32.8%, 26.3%

CMYK

22.4%, 32.8%, 0.0%, 73.7%

OKLCH

0.3145 0.0397 298.7

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#342D43

#3C432D

Analogous

#2D3143

#3F2D43

#342D43

Triadic

#342D43

#43342D

#2D4334

Split Complementary

#342D43

#433F2D

#31432D

Tetradic

#342D43

#432D31

#3C432D

#2D433F

Color Blindness Simulation

Original

#342D43

Protanopia

#31313E

Deuteranopia

#31323C

Tritanopia

#343939

Achromatopsia

#303030

CSS Usage

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

Tailwind Shades

50
#F7F6F9
100
#ECEAF0
200
#D9D4E2
300
#BDB6CE
400
#9A8EB3
500
#766798
600
#5F527A
700
#4C4262
800
#3B334C
900
#2D2839
950
#1D1924

Contrast Checker

Text on white

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