#368F92

#368F92

Color Values

HEX

#368F92

RGB

54, 143, 146

HSL

182.0, 46.0%, 39.2%

HSV

182.0, 63.0%, 57.3%

CMYK

63.0%, 2.1%, 0.0%, 42.7%

OKLCH

0.5988 0.0833 198.3

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#368F92

#923936

Analogous

#369267

#366192

#368F92

Triadic

#368F92

#92368F

#8F9236

Split Complementary

#368F92

#923661

#926736

Tetradic

#368F92

#673692

#923936

#619236

Color Blindness Simulation

Original

#368F92

Protanopia

#5D5D91

Deuteranopia

#575191

Tritanopia

#3A9191

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F4FAFA
100
#E6F4F4
200
#CBEBEC
300
#A6DCDE
400
#75C9CC
500
#45B6BA
600
#379295
700
#2C7577
800
#225B5D
900
#1C4345
950
#122A2B

Contrast Checker

Text on white

3.82:1

AA Fail AAA Fail

Text on black

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