#368B8F

#368B8F

Color Values

HEX

#368B8F

RGB

54, 139, 143

HSL

182.7, 45.2%, 38.6%

HSV

182.7, 62.2%, 56.1%

CMYK

62.2%, 2.8%, 0.0%, 43.9%

OKLCH

0.5875 0.0807 199.5

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#368B8F

#8F3A36

Analogous

#368F66

#365E8F

#368B8F

Triadic

#368B8F

#8F368B

#8B8F36

Split Complementary

#368B8F

#8F365E

#8F6636

Tetradic

#368B8F

#66368F

#8F3A36

#5E8F36

Color Blindness Simulation

Original

#368B8F

Protanopia

#5B5C8E

Deuteranopia

#56508E

Tritanopia

#3A8D8D

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#F4FAFA
100
#E6F3F4
200
#CBEAEB
300
#A6DBDD
400
#76C7CB
500
#46B4B9
600
#389094
700
#2D7376
800
#235A5D
900
#1D4244
950
#122A2B

Contrast Checker

Text on white

4.0:1

AA Fail AAA Fail

Text on black

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