#487476

#487476

Color Values

HEX

#487476

RGB

72, 116, 118

HSL

182.6, 24.2%, 37.3%

HSV

182.6, 39.0%, 46.3%

CMYK

39.0%, 1.7%, 0.0%, 53.7%

OKLCH

0.5279 0.0487 199.5

Properties

Cool Dark Nearest: cadetblue 4

Color Harmonies

Complementary

#487476

#764A48

Analogous

#487661

#485D76

#487476

Triadic

#487476

#764874

#747648

Split Complementary

#487476

#76485D

#766148

Tetradic

#487476

#614876

#764A48

#5D7648

Color Blindness Simulation

Original

#487476

Protanopia

#5B5B76

Deuteranopia

#585575

Tritanopia

#4A7575

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F6F9F9
100
#E9F1F1
200
#D3E3E4
300
#B3CFD1
400
#8AB6B7
500
#619C9E
600
#4D7D7F
700
#3E6465
800
#304E4F
900
#263A3B
950
#182525

Contrast Checker

Text on white

5.2:1

AA Pass AAA Fail

Text on black

4.04:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026