#347366

#347366

Color Values

HEX

#347366

RGB

52, 115, 102

HSL

167.6, 37.7%, 32.7%

HSV

167.6, 54.8%, 45.1%

CMYK

54.8%, 0.0%, 11.3%, 54.9%

OKLCH

0.51 0.0685 178.0

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#347366

#733441

Analogous

#347346

#346073

#347366

Triadic

#347366

#663473

#736634

Split Complementary

#347366

#733460

#734634

Tetradic

#347366

#463473

#733441

#607334

Color Blindness Simulation

Original

#347366

Protanopia

#4F5069

Deuteranopia

#4C476A

Tritanopia

#376C6C

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#F5FAF9
100
#E7F3F1
200
#CEE9E3
300
#ABD9CF
400
#7DC4B6
500
#4FB09C
600
#408C7D
700
#337064
800
#28584E
900
#20413A
950
#142925

Contrast Checker

Text on white

5.54:1

AA Pass AAA Fail

Text on black

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