#486064

#486064

Color Values

HEX

#486064

RGB

72, 96, 100

HSL

188.6, 16.3%, 33.7%

HSV

188.6, 28.0%, 39.2%

CMYK

28.0%, 4.0%, 0.0%, 60.8%

OKLCH

0.4712 0.0294 208.8

Properties

Cool Dark Nearest: RAL 7012 Basalt Grey

Color Harmonies

Complementary

#486064

#644C48

Analogous

#48645A

#485264

#486064

Triadic

#486064

#644860

#606448

Split Complementary

#486064

#644852

#645A48

Tetradic

#486064

#5A4864

#644C48

#526448

Color Blindness Simulation

Original

#486064

Protanopia

#525363

Deuteranopia

#514F63

Tritanopia

#496262

Achromatopsia

#5B5B5B

CSS Usage

background-color: #486064;
color: #486064;
border-color: #486064;
Nearest Tailwind: Gray 600 #4B5563

Tailwind Shades

50
#F6F8F8
100
#EBEFF0
200
#D5DFE1
300
#B8C9CC
400
#91ACB0
500
#6B8E94
600
#557277
700
#445B5F
800
#35474A
900
#293638
950
#1A2223

Contrast Checker

Text on white

6.7:1

AA Pass AAA Fail

Text on black

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