#367375

#367375

Color Values

HEX

#367375

RGB

54, 115, 117

HSL

181.9, 36.8%, 33.5%

HSV

181.9, 53.8%, 45.9%

CMYK

53.8%, 1.7%, 0.0%, 54.1%

OKLCH

0.5161 0.063 198.2

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#367375

#753836

Analogous

#367557

#365375

#367375

Triadic

#367375

#753673

#737536

Split Complementary

#367375

#753653

#755736

Tetradic

#367375

#573675

#753836

#537536

Color Blindness Simulation

Original

#367375

Protanopia

#505175

Deuteranopia

#4D4874

Tritanopia

#397474

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#F5FAFA
100
#E8F2F3
200
#CEE8E8
300
#ABD7D8
400
#7EC1C3
500
#51ABAE
600
#40898C
700
#346E70
800
#285657
900
#203F40
950
#142829

Contrast Checker

Text on white

5.43:1

AA Pass AAA Fail

Text on black

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