#345B54

#345B54

Color Values

HEX

#345B54

RGB

52, 91, 84

HSL

169.2, 27.3%, 28.0%

HSV

169.2, 42.9%, 35.7%

CMYK

42.9%, 0.0%, 7.7%, 64.3%

OKLCH

0.4399 0.0461 181.3

Properties

Cool Dark Nearest: RAL 6028 Pine Green

Color Harmonies

Complementary

#345B54

#5B343B

Analogous

#345B40

#344E5B

#345B54

Triadic

#345B54

#54345B

#5B5434

Split Complementary

#345B54

#5B344E

#5B4034

Tetradic

#345B54

#40345B

#5B343B

#4E5B34

Color Blindness Simulation

Original

#345B54

Protanopia

#454556

Deuteranopia

#434056

Tritanopia

#365757

Achromatopsia

#525252

CSS Usage

background-color: #345B54;
color: #345B54;
border-color: #345B54;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F6F9F8
100
#E9F1F0
200
#D2E5E2
300
#B1D3CC
400
#87BAB1
500
#5DA296
600
#4A8278
700
#3B6860
800
#2E514B
900
#253C38
950
#172623

Contrast Checker

Text on white

7.58:1

AA Pass AAA Pass

Text on black

2.77:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026