#328F97

#328F97

Color Values

HEX

#328F97

RGB

50, 143, 151

HSL

184.8, 50.2%, 39.4%

HSV

184.8, 66.9%, 59.2%

CMYK

66.9%, 5.3%, 0.0%, 40.8%

OKLCH

0.5995 0.086 203.3

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#328F97

#973A32

Analogous

#32976D

#325C97

#328F97

Triadic

#328F97

#97328F

#8F9732

Split Complementary

#328F97

#97325C

#976D32

Tetradic

#328F97

#6D3297

#973A32

#5C9732

Color Blindness Simulation

Original

#328F97

Protanopia

#5A5B95

Deuteranopia

#554E95

Tritanopia

#379493

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F4FAFB
100
#E6F4F5
200
#C9EAED
300
#A3DCE1
400
#71C8D0
500
#3FB5C0
600
#339199
700
#29747B
800
#205B60
900
#1B4346
950
#112A2C

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