#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

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026