#367D83

#367D83

Color Values

HEX

#367D83

RGB

54, 125, 131

HSL

184.7, 41.6%, 36.3%

HSV

184.7, 58.8%, 51.4%

CMYK

58.8%, 4.6%, 0.0%, 48.6%

OKLCH

0.5472 0.071 202.8

Properties

Cool Dark Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#367D83

#833C36

Analogous

#368363

#365783

#367D83

Triadic

#367D83

#83367D

#7D8336

Split Complementary

#367D83

#833657

#836336

Tetradic

#367D83

#633683

#833C36

#578336

Color Blindness Simulation

Original

#367D83

Protanopia

#555582

Deuteranopia

#514B81

Tritanopia

#3A8080

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F5FAFA
100
#E7F2F3
200
#CCE8EA
300
#A8D7DB
400
#79C2C8
500
#4AACB5
600
#3C8A90
700
#306E74
800
#25565A
900
#1E4043
950
#13282A

Contrast Checker

Text on white

4.75:1

AA Pass AAA Fail

Text on black

4.42:1

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