#343F4B

#343F4B

Color Values

HEX

#343F4B

RGB

52, 63, 75

HSL

211.3, 18.1%, 24.9%

HSV

211.3, 30.7%, 29.4%

CMYK

30.7%, 16.0%, 0.0%, 70.6%

OKLCH

0.3627 0.0254 250.8

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#343F4B

#4B4034

Analogous

#344A4B

#35344B

#343F4B

Triadic

#343F4B

#4B343F

#3F4B34

Split Complementary

#343F4B

#4B3534

#4A4B34

Tetradic

#343F4B

#4B344A

#4B4034

#344B35

Color Blindness Simulation

Original

#343F4B

Protanopia

#393948

Deuteranopia

#383747

Tritanopia

#354645

Achromatopsia

#3E3E3E

CSS Usage

background-color: #343F4B;
color: #343F4B;
border-color: #343F4B;
Nearest Tailwind: Gray 700 #374151

Tailwind Shades

50
#F6F7F9
100
#EAEDF0
200
#D5DBE2
300
#B7C1CD
400
#90A0B2
500
#687E97
600
#546578
700
#435160
800
#343F4B
900
#293038
950
#1A1E24

Contrast Checker

Text on white

10.72:1

AA Pass AAA Pass

Text on black

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