#308F88

#308F88

Color Values

HEX

#308F88

RGB

48, 143, 136

HSL

175.6, 49.7%, 37.5%

HSV

175.6, 66.4%, 56.1%

CMYK

66.4%, 0.0%, 4.9%, 43.9%

OKLCH

0.5934 0.0878 188.1

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#308F88

#8F3037

Analogous

#308F59

#30678F

#308F88

Triadic

#308F88

#88308F

#8F8830

Split Complementary

#308F88

#8F3067

#8F5930

Tetradic

#308F88

#59308F

#8F3037

#678F30

Color Blindness Simulation

Original

#308F88

Protanopia

#595A8A

Deuteranopia

#544C8A

Tritanopia

#358B8B

Achromatopsia

#7A7A7A

CSS Usage

background-color: #308F88;
color: #308F88;
border-color: #308F88;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F4FBFA
100
#E6F5F4
200
#CAEDEA
300
#A3E0DC
400
#72D0C9
500
#40BFB6
600
#339991
700
#297A74
800
#205F5B
900
#1B4643
950
#112C2A

Contrast Checker

Text on white

3.88:1

AA Fail AAA Fail

Text on black

5.41:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026