#347367

#347367

Color Values

HEX

#347367

RGB

52, 115, 103

HSL

168.6, 37.7%, 32.7%

HSV

168.6, 54.8%, 45.1%

CMYK

54.8%, 0.0%, 10.4%, 54.9%

OKLCH

0.5103 0.068 179.2

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#347367

#733440

Analogous

#347347

#345F73

#347367

Triadic

#347367

#673473

#736734

Split Complementary

#347367

#73345F

#734734

Tetradic

#347367

#473473

#733440

#5F7334

Color Blindness Simulation

Original

#347367

Protanopia

#4F506A

Deuteranopia

#4C476B

Tritanopia

#376C6D

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#F5FAF9
100
#E7F3F1
200
#CEE9E4
300
#ABD9D0
400
#7DC4B7
500
#4FB09D
600
#408C7E
700
#337065
800
#28584F
900
#20413B
950
#142925

Contrast Checker

Text on white

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

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026