#308F85

#308F85

Color Values

HEX

#308F85

RGB

48, 143, 133

HSL

173.7, 49.7%, 37.5%

HSV

173.7, 66.4%, 56.1%

CMYK

66.4%, 0.0%, 7.0%, 43.9%

OKLCH

0.5924 0.0887 185.2

Properties

Cool Light Nearest: Pine Green

Color Harmonies

Complementary

#308F85

#8F303A

Analogous

#308F56

#306A8F

#308F85

Triadic

#308F85

#85308F

#8F8530

Split Complementary

#308F85

#8F306A

#8F5630

Tetradic

#308F85

#56308F

#8F303A

#6A8F30

Color Blindness Simulation

Original

#308F85

Protanopia

#595A87

Deuteranopia

#544C88

Tritanopia

#35898A

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#F4FBFA
100
#E6F5F3
200
#CAEDE9
300
#A3E0DA
400
#72D0C6
500
#40BFB2
600
#33998E
700
#297A72
800
#205F59
900
#1B4642
950
#112C29

Contrast Checker

Text on white

3.89:1

AA Fail AAA Fail

Text on black

5.39:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026