#368384

#368384

Color Values

HEX

#368384

RGB

54, 131, 132

HSL

180.8, 41.9%, 36.5%

HSV

180.8, 59.1%, 51.8%

CMYK

59.1%, 0.8%, 0.0%, 48.2%

OKLCH

0.563 0.075 196.4

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#368384

#843736

Analogous

#36845E

#365C84

#368384

Triadic

#368384

#843683

#838436

Split Complementary

#368384

#84365C

#845E36

Tetradic

#368384

#5E3684

#843736

#5C8436

Color Blindness Simulation

Original

#368384

Protanopia

#575884

Deuteranopia

#534D84

Tritanopia

#3A8484

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#F5FAFA
100
#E7F3F4
200
#CCEAEA
300
#A8DBDB
400
#79C7C8
500
#4AB3B5
600
#3B9091
700
#2F7374
800
#255A5A
900
#1E4243
950
#132A2A

Contrast Checker

Text on white

4.43:1

AA Fail AAA Fail

Text on black

4.74:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026