#34525B

#34525B

Color Values

HEX

#34525B

RGB

52, 82, 91

HSL

193.8, 27.3%, 28.0%

HSV

193.8, 42.9%, 35.7%

CMYK

42.9%, 9.9%, 0.0%, 64.3%

OKLCH

0.4188 0.0386 218.7

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#34525B

#5B3D34

Analogous

#345B50

#343E5B

#34525B

Triadic

#34525B

#5B3452

#525B34

Split Complementary

#34525B

#5B343E

#5B5034

Tetradic

#34525B

#50345B

#5B3D34

#3E5B34

Color Blindness Simulation

Original

#34525B

Protanopia

#414159

Deuteranopia

#3F3D58

Tritanopia

#365757

Achromatopsia

#4C4C4C

CSS Usage

background-color: #34525B;
color: #34525B;
border-color: #34525B;
Nearest Tailwind: Gray 600 #4B5563

Tailwind Shades

50
#F6F8F9
100
#E9EFF1
200
#D2E1E5
300
#B1CBD3
400
#87AFBA
500
#5D92A2
600
#4A7582
700
#3B5E68
800
#2E4951
900
#25373C
950
#172326

Contrast Checker

Text on white

8.39:1

AA Pass AAA Pass

Text on black

2.5:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026