#487872

#487872

Color Values

HEX

#487872

RGB

72, 120, 114

HSL

172.5, 25.0%, 37.6%

HSV

172.5, 40.0%, 47.1%

CMYK

40.0%, 0.0%, 5.0%, 52.9%

OKLCH

0.5366 0.0533 185.6

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#487872

#78484E

Analogous

#48785A

#486678

#487872

Triadic

#487872

#724878

#787248

Split Complementary

#487872

#784866

#785A48

Tetradic

#487872

#5A4878

#78484E

#667848

Color Blindness Simulation

Original

#487872

Protanopia

#5D5D73

Deuteranopia

#5A5674

Tritanopia

#4A7575

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#F6F9F9
100
#E9F1F0
200
#D2E4E2
300
#B2D1CD
400
#89B8B2
500
#609F97
600
#4D8079
700
#3D6661
800
#30504C
900
#263B39
950
#182524

Contrast Checker

Text on white

4.99:1

AA Pass AAA Fail

Text on black

4.21:1

AA Fail 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