#345045

#345045

Color Values

HEX

#345045

RGB

52, 80, 69

HSL

156.4, 21.2%, 25.9%

HSV

156.4, 35.0%, 31.4%

CMYK

35.0%, 0.0%, 13.8%, 68.6%

OKLCH

0.4052 0.0386 167.9

Properties

Cool Dark Nearest: RAL 6005 Moss Green

Color Harmonies

Complementary

#345045

#50343F

Analogous

#345037

#344D50

#345045

Triadic

#345045

#453450

#504534

Split Complementary

#345045

#50344D

#503734

Tetradic

#345045

#373450

#50343F

#4D5034

Color Blindness Simulation

Original

#345045

Protanopia

#404048

Deuteranopia

#3E3C48

Tritanopia

#354A4A

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#EAF0EE
200
#D4E3DD
300
#B5CFC5
400
#8DB5A5
500
#649B85
600
#507C6B
700
#406355
800
#324D43
900
#273A32
950
#192420

Contrast Checker

Text on white

8.83:1

AA Pass AAA Pass

Text on black

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