#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