#345B41

#345B41

Color Values

HEX

#345B41

RGB

52, 91, 65

HSL

140.0, 27.3%, 28.0%

HSV

140.0, 42.9%, 35.7%

CMYK

42.9%, 0.0%, 28.6%, 64.3%

OKLCH

0.4341 0.0621 153.9

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#345B41

#5B344E

Analogous

#3A5B34

#345B54

#345B41

Triadic

#345B41

#41345B

#5B4134

Split Complementary

#345B41

#54345B

#5B343A

Tetradic

#345B41

#343A5B

#5B344E

#5B5434

Color Blindness Simulation

Original

#345B41

Protanopia

#454547

Deuteranopia

#434049

Tritanopia

#364C4D

Achromatopsia

#515151

CSS Usage

background-color: #345B41;
color: #345B41;
border-color: #345B41;
Nearest Tailwind: Emerald 900 #064E3B

Tailwind Shades

50
#F6F9F7
100
#E9F1EC
200
#D2E5D8
300
#B1D3BC
400
#87BA98
500
#5DA274
600
#4A825D
700
#3B684A
800
#2E513A
900
#253C2C
950
#17261C

Contrast Checker

Text on white

7.72:1

AA Pass AAA Pass

Text on black

2.72:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026