#367163

#367163

Color Values

HEX

#367163

RGB

54, 113, 99

HSL

165.8, 35.3%, 32.7%

HSV

165.8, 52.2%, 44.3%

CMYK

52.2%, 0.0%, 12.4%, 55.7%

OKLCH

0.5046 0.0662 176.0

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#367163

#713644

Analogous

#367145

#366171

#367163

Triadic

#367163

#633671

#716336

Split Complementary

#367163

#713661

#714536

Tetradic

#367163

#453671

#713644

#617136

Color Blindness Simulation

Original

#367163

Protanopia

#505066

Deuteranopia

#4C4867

Tritanopia

#39696A

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F5FAF9
100
#E8F3F0
200
#CFE8E2
300
#ACD7CD
400
#7FC2B2
500
#52AD97
600
#428A79
700
#356E61
800
#29564C
900
#214039
950
#152824

Contrast Checker

Text on white

5.68:1

AA Pass AAA Fail

Text on black

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