#367973

#367973

Color Values

HEX

#367973

RGB

54, 121, 115

HSL

174.6, 38.3%, 34.3%

HSV

174.6, 55.4%, 47.5%

CMYK

55.4%, 0.0%, 5.0%, 52.5%

OKLCH

0.531 0.0687 187.5

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#367973

#79363C

Analogous

#367951

#365D79

#367973

Triadic

#367973

#733679

#797336

Split Complementary

#367973

#79365D

#795136

Tetradic

#367973

#513679

#79363C

#5D7936

Color Blindness Simulation

Original

#367973

Protanopia

#535474

Deuteranopia

#4F4A75

Tritanopia

#397676

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F5FAF9
100
#E7F3F2
200
#CEE9E7
300
#AAD9D5
400
#7DC5BE
500
#4FB0A8
600
#3F8D86
700
#32716B
800
#275854
900
#20413E
950
#142927

Contrast Checker

Text on white

5.07:1

AA Pass AAA Fail

Text on black

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