#345F60

#345F60

Color Values

HEX

#345F60

RGB

52, 95, 96

HSL

181.4, 29.7%, 29.0%

HSV

181.4, 45.8%, 37.6%

CMYK

45.8%, 1.0%, 0.0%, 62.4%

OKLCH

0.4549 0.0479 197.5

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#345F60

#603534

Analogous

#34604B

#344960

#345F60

Triadic

#345F60

#60345F

#5F6034

Split Complementary

#345F60

#603449

#604B34

Tetradic

#345F60

#4B3460

#603534

#496034

Color Blindness Simulation

Original

#345F60

Protanopia

#474760

Deuteranopia

#444160

Tritanopia

#366060

Achromatopsia

#565656

CSS Usage

background-color: #345F60;
color: #345F60;
border-color: #345F60;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F5F9F9
100
#E9F1F2
200
#D1E5E6
300
#B0D3D4
400
#85BBBD
500
#5AA4A5
600
#488384
700
#39696A
800
#2D5253
900
#233D3D
950
#162627

Contrast Checker

Text on white

7.11:1

AA Pass AAA Pass

Text on black

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