#488573

#488573

Color Values

HEX

#488573

RGB

72, 133, 115

HSL

162,3, 29,8%, 40,2%

HSV

162,3, 45,9%, 52,2%

CMYK

45,9%, 0,0%, 13,5%, 47,8%

OKLCH

0,57 0,0701 172,5

Properties

Cool Light Nearest: aquamarine 4

Color Harmonies

Complementary

#488573

#85485A

Analogous

#488554

#487985

#488573

Triadic

#488573

#734885

#857348

Split Complementary

#488573

#854879

#855448

Tetradic

#488573

#544885

#85485A

#798548

Color Blindness Simulation

Original

#488573

Protanopia

#626377

Deuteranopia

#5F5A78

Tritanopia

#4B7B7C

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F5F9F8
100
#E9F2EF
200
#D1E6E0
300
#B0D4C9
400
#85BDAC
500
#5AA58F
600
#488472
700
#396A5C
800
#2D5348
900
#233D36
950
#162722

Contrast Checker

Text on white

4,3:1

AA Fail AAA Fail

Text on black

4,88:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026