#308987

#308987

Color Values

HEX

#308987

RGB

48, 137, 135

HSL

178.7, 48.1%, 36.3%

HSV

178.7, 65.0%, 53.7%

CMYK

65.0%, 0.0%, 1.5%, 46.3%

OKLCH

0.5776 0.0829 193.0

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#308987

#893032

Analogous

#30895B

#305E89

#308987

Triadic

#308987

#873089

#898730

Split Complementary

#308987

#89305E

#895B30

Tetradic

#308987

#5B3089

#893032

#5E8930

Color Blindness Simulation

Original

#308987

Protanopia

#575787

Deuteranopia

#514B88

Tritanopia

#348888

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#F4FAFA
100
#E6F4F4
200
#CAECEC
300
#A4DFDE
400
#73CECC
500
#42BDBA
600
#359795
700
#2A7977
800
#215E5D
900
#1B4545
950
#112C2B

Contrast Checker

Text on white

4.16:1

AA Fail AAA Fail

Text on black

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