#346457

#346457

Color Values

HEX

#346457

RGB

52, 100, 87

HSL

163.8, 31.6%, 29.8%

HSV

163.8, 48.0%, 39.2%

CMYK

48.0%, 0.0%, 13.0%, 60.8%

OKLCH

0.465 0.0571 174.1

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#346457

#643441

Analogous

#34643F

#345964

#346457

Triadic

#346457

#573464

#645734

Split Complementary

#346457

#643459

#643F34

Tetradic

#346457

#3F3464

#643441

#596434

Color Blindness Simulation

Original

#346457

Protanopia

#49495A

Deuteranopia

#46425B

Tritanopia

#365D5D

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#F5F9F8
100
#E8F2EF
200
#D0E7E0
300
#AED5CB
400
#83BEAE
500
#57A892
600
#468675
700
#386B5D
800
#2C5449
900
#233E37
950
#162723

Contrast Checker

Text on white

6.76:1

AA Pass AAA Fail

Text on black

3.11:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026