#368F85

#368F85

Color Values

HEX

#368F85

RGB

54, 143, 133

HSL

173.3, 45.2%, 38.6%

HSV

173.3, 62.2%, 56.1%

CMYK

62.2%, 0.0%, 7.0%, 43.9%

OKLCH

0.5942 0.0854 184.9

Properties

Cool Light Nearest: Pine Green

Color Harmonies

Complementary

#368F85

#8F3640

Analogous

#368F58

#366C8F

#368F85

Triadic

#368F85

#85368F

#8F8536

Split Complementary

#368F85

#8F366C

#8F5836

Tetradic

#368F85

#58368F

#8F3640

#6C8F36

Color Blindness Simulation

Original

#368F85

Protanopia

#5D5D87

Deuteranopia

#575188

Tritanopia

#3A898A

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#F4FAFA
100
#E6F4F2
200
#CBEBE8
300
#A6DDD7
400
#76CBC2
500
#46B9AC
600
#38948A
700
#2D766E
800
#235D56
900
#1D4440
950
#122B28

Contrast Checker

Text on white

3.87:1

AA Fail AAA Fail

Text on black

5.42:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026