#487576

#487576

Color Values

HEX

#487576

RGB

72, 117, 118

HSL

181.3, 24.2%, 37.3%

HSV

181.3, 39.0%, 46.3%

CMYK

39.0%, 0.8%, 0.0%, 53.7%

OKLCH

0.5304 0.0495 197.6

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#487576

#764948

Analogous

#487660

#485E76

#487576

Triadic

#487576

#764875

#757648

Split Complementary

#487576

#76485E

#766048

Tetradic

#487576

#604876

#764948

#5E7648

Color Blindness Simulation

Original

#487576

Protanopia

#5B5C76

Deuteranopia

#595676

Tritanopia

#4A7676

Achromatopsia

#6C6C6C

CSS Usage

background-color: #487576;
color: #487576;
border-color: #487576;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F6F9F9
100
#E9F1F1
200
#D3E4E4
300
#B3D0D1
400
#8AB6B7
500
#619D9E
600
#4D7E7F
700
#3E6465
800
#304F4F
900
#263B3B
950
#182525

Contrast Checker

Text on white

5.14:1

AA Pass AAA Fail

Text on black

4.08:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026