#34576F

#34576F

Color Values

HEX

#34576F

RGB

52, 87, 111

HSL

204.4, 36.2%, 32.0%

HSV

204.4, 53.2%, 43.5%

CMYK

53.2%, 21.6%, 0.0%, 56.5%

OKLCH

0.4407 0.0568 239.8

Properties

Cool Dark Nearest: RAL 5025 Pearl Gentian Blue

Color Harmonies

Complementary

#34576F

#6F4C34

Analogous

#346F6A

#343A6F

#34576F

Triadic

#34576F

#6F3457

#576F34

Split Complementary

#34576F

#6F343A

#6F6A34

Tetradic

#34576F

#6A346F

#6F4C34

#3A6F34

Color Blindness Simulation

Original

#34576F

Protanopia

#434369

Deuteranopia

#413E68

Tritanopia

#366564

Achromatopsia

#515151

CSS Usage

background-color: #34576F;
color: #34576F;
border-color: #34576F;
Nearest Tailwind: Slate 600 #475569

Tailwind Shades

50
#F5F8FA
100
#E8EEF3
200
#CEDEE8
300
#ACC6D8
400
#7EA7C3
500
#5188AE
600
#416D8B
700
#34576F
800
#294457
900
#213340
950
#152029

Contrast Checker

Text on white

7.67:1

AA Pass AAA Pass

Text on black

2.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