#368F94

#368F94

Color Values

HEX

#368F94

RGB

54, 143, 148

HSL

183.2, 46.5%, 39.6%

HSV

183.2, 63.5%, 58.0%

CMYK

63.5%, 3.4%, 0.0%, 42.0%

OKLCH

0.5995 0.0834 200.4

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#368F94

#943B36

Analogous

#36946A

#366094

#368F94

Triadic

#368F94

#94368F

#8F9436

Split Complementary

#368F94

#943660

#946A36

Tetradic

#368F94

#6A3694

#943B36

#609436

Color Blindness Simulation

Original

#368F94

Protanopia

#5D5D93

Deuteranopia

#575192

Tritanopia

#3A9292

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F4FAFA
100
#E6F3F4
200
#CBEAEC
300
#A5DBDE
400
#75C8CD
500
#44B4BB
600
#379095
700
#2C7378
800
#225A5D
900
#1C4345
950
#122A2B

Contrast Checker

Text on white

3.81:1

AA Fail AAA Fail

Text on black

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