#486C84

#486C84

Color Values

HEX

#486C84

RGB

72, 108, 132

HSL

204.0, 29.4%, 40.0%

HSV

204.0, 45.5%, 51.8%

CMYK

45.5%, 18.2%, 0.0%, 48.2%

OKLCH

0.5138 0.0561 238.5

Properties

Cool Dark Nearest: skyblue 4

Color Harmonies

Complementary

#486C84

#846048

Analogous

#48847E

#484E84

#486C84

Triadic

#486C84

#84486C

#6C8448

Split Complementary

#486C84

#84484E

#847E48

Tetradic

#486C84

#7E4884

#846048

#4E8448

Color Blindness Simulation

Original

#486C84

Protanopia

#58587E

Deuteranopia

#56537D

Tritanopia

#4A7A79

Achromatopsia

#666666

CSS Usage

background-color: #486C84;
color: #486C84;
border-color: #486C84;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F5F8F9
100
#E9EEF2
200
#D1DDE6
300
#B0C5D4
400
#85A6BC
500
#5A87A5
600
#486C84
700
#3A566A
800
#2D4352
900
#24333D
950
#172027

Contrast Checker

Text on white

5.59:1

AA Pass AAA Fail

Text on black

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