#368F84

#368F84

Color Values

HEX

#368F84

RGB

54, 143, 132

HSL

172.6, 45.2%, 38.6%

HSV

172.6, 62.2%, 56.1%

CMYK

62.2%, 0.0%, 7.7%, 43.9%

OKLCH

0.5939 0.0858 183.9

Properties

Cool Light Nearest: Pine Green

Color Harmonies

Complementary

#368F84

#8F3641

Analogous

#368F57

#366D8F

#368F84

Triadic

#368F84

#84368F

#8F8436

Split Complementary

#368F84

#8F366D

#8F5736

Tetradic

#368F84

#57368F

#8F3641

#6D8F36

Color Blindness Simulation

Original

#368F84

Protanopia

#5D5D87

Deuteranopia

#575187

Tritanopia

#3A8989

Achromatopsia

#7B7B7B

CSS Usage

background-color: #368F84;
color: #368F84;
border-color: #368F84;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F4FAFA
100
#E6F4F2
200
#CBEBE7
300
#A6DDD7
400
#76CBC1
500
#46B9AB
600
#389489
700
#2D766D
800
#235D55
900
#1D443F
950
#122B28

Contrast Checker

Text on white

3.88:1

AA Fail AAA Fail

Text on black

5.42:1

AA Pass 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