#488B87

#488B87

Color Values

HEX

#488B87

RGB

72, 139, 135

HSL

176.4, 31.8%, 41.4%

HSV

176.4, 48.2%, 54.5%

CMYK

48.2%, 0.0%, 2.9%, 45.5%

OKLCH

0.5916 0.0687 190.4

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#488B87

#8B484C

Analogous

#488B66

#486E8B

#488B87

Triadic

#488B87

#87488B

#8B8748

Split Complementary

#488B87

#8B486E

#8B6648

Tetradic

#488B87

#66488B

#8B484C

#6E8B48

Color Blindness Simulation

Original

#488B87

Protanopia

#656688

Deuteranopia

#615C88

Tritanopia

#4B8989

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F5F9F9
100
#E8F2F1
200
#D0E7E5
300
#AED5D3
400
#83BFBB
500
#57A8A3
600
#468683
700
#386C68
800
#2B5452
900
#233E3D
950
#162726

Contrast Checker

Text on white

3.95:1

AA Fail AAA Fail

Text on black

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