#342C3F

#342C3F

Color Values

HEX

#342C3F

RGB

52, 44, 63

HSL

265.3, 17.8%, 21.0%

HSV

265.3, 30.2%, 24.7%

CMYK

17.5%, 30.2%, 0.0%, 75.3%

OKLCH

0.3101 0.0351 303.7

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#342C3F

#373F2C

Analogous

#2C2E3F

#3E2C3F

#342C3F

Triadic

#342C3F

#3F342C

#2C3F34

Split Complementary

#342C3F

#3F3E2C

#2E3F2C

Tetradic

#342C3F

#3F2C2E

#373F2C

#2C3F3E

Color Blindness Simulation

Original

#342C3F

Protanopia

#31303A

Deuteranopia

#313239

Tritanopia

#343736

Achromatopsia

#2F2F2F

CSS Usage

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

Tailwind Shades

50
#F7F6F9
100
#EDEAF0
200
#DAD5E2
300
#C0B7CD
400
#9E90B1
500
#7C6996
600
#635478
700
#4F4360
800
#3E344B
900
#2F2938
950
#1E1A24

Contrast Checker

Text on white

13.31:1

AA Pass AAA Pass

Text on black

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