#347364

#347364

Color Values

HEX

#347364

RGB

52, 115, 100

HSL

165.7, 37.7%, 32.7%

HSV

165.7, 54.8%, 45.1%

CMYK

54.8%, 0.0%, 13.0%, 54.9%

OKLCH

0.5094 0.0697 175.6

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#347364

#733443

Analogous

#347344

#346273

#347364

Triadic

#347364

#643473

#736434

Split Complementary

#347364

#733462

#734434

Tetradic

#347364

#443473

#733443

#627334

Color Blindness Simulation

Original

#347364

Protanopia

#4F5068

Deuteranopia

#4C4768

Tritanopia

#376A6B

Achromatopsia

#656565

CSS Usage

background-color: #347364;
color: #347364;
border-color: #347364;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F5FAF9
100
#E7F3F0
200
#CEE9E2
300
#ABD9CE
400
#7DC4B3
500
#4FB099
600
#408C7A
700
#337062
800
#28584C
900
#204139
950
#142924

Contrast Checker

Text on white

5.55:1

AA Pass AAA Fail

Text on black

3.78:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026