#488071

#488071

Color Values

HEX

#488071

RGB

72, 128, 113

HSL

163.9, 28.0%, 39.2%

HSV

163.9, 43.8%, 50.2%

CMYK

43.8%, 0.0%, 11.7%, 49.8%

OKLCH

0.5566 0.0643 174.7

Properties

Cool Light Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#488071

#804857

Analogous

#488055

#487380

#488071

Triadic

#488071

#714880

#807148

Split Complementary

#488071

#804873

#805548

Tetradic

#488071

#554880

#804857

#738048

Color Blindness Simulation

Original

#488071

Protanopia

#606175

Deuteranopia

#5D5976

Tritanopia

#4B7778

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#E9F1EF
200
#D1E5E0
300
#B1D3CA
400
#86BBAD
500
#5CA390
600
#498373
700
#3B685C
800
#2E5248
900
#243D36
950
#172622

Contrast Checker

Text on white

4.56:1

AA Pass AAA Fail

Text on black

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