#488B83

#488B83

Color Values

HEX

#488B83

RGB

72, 139, 131

HSL

172.8, 31.8%, 41.4%

HSV

172.8, 48.2%, 54.5%

CMYK

48.2%, 0.0%, 5.8%, 45.5%

OKLCH

0.5903 0.0697 185.4

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#488B83

#8B4850

Analogous

#488B62

#48728B

#488B83

Triadic

#488B83

#83488B

#8B8348

Split Complementary

#488B83

#8B4872

#8B6248

Tetradic

#488B83

#62488B

#8B4850

#728B48

Color Blindness Simulation

Original

#488B83

Protanopia

#656685

Deuteranopia

#615C85

Tritanopia

#4B8687

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F5F9F9
100
#E8F2F1
200
#D0E7E4
300
#AED5D1
400
#83BFB7
500
#57A89E
600
#46867F
700
#386C65
800
#2B544F
900
#233E3B
950
#162725

Contrast Checker

Text on white

3.97:1

AA Fail AAA Fail

Text on black

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