#368696

#368696

Color Values

HEX

#368696

RGB

54, 134, 150

HSL

190.0, 47.1%, 40.0%

HSV

190.0, 64.0%, 58.8%

CMYK

64.0%, 10.7%, 0.0%, 41.2%

OKLCH

0.5777 0.0804 213.1

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#368696

#964636

Analogous

#369676

#365696

#368696

Triadic

#368696

#963686

#869636

Split Complementary

#368696

#963656

#967636

Tetradic

#368696

#763696

#964636

#569636

Color Blindness Simulation

Original

#368696

Protanopia

#595992

Deuteranopia

#544E91

Tritanopia

#3A8F8E

Achromatopsia

#767676

CSS Usage

background-color: #368696;
color: #368696;
border-color: #368696;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F4F9FA
100
#E6F2F4
200
#CAE7EC
300
#A5D5DF
400
#74BECD
500
#43A8BC
600
#368696
700
#2B6B78
800
#22545E
900
#1C3E45
950
#12272C

Contrast Checker

Text on white

4.19:1

AA Fail AAA Fail

Text on black

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