#486B85

#486B85

Color Values

HEX

#486B85

RGB

72, 107, 133

HSL

205.6, 29.8%, 40.2%

HSV

205.6, 45.9%, 52.2%

CMYK

45.9%, 19.5%, 0.0%, 47.8%

OKLCH

0.5119 0.0577 241.4

Properties

Cool Dark Nearest: skyblue 4

Color Harmonies

Complementary

#486B85

#856248

Analogous

#488581

#484C85

#486B85

Triadic

#486B85

#85486B

#6B8548

Split Complementary

#486B85

#85484C

#858148

Tetradic

#486B85

#814885

#856248

#4C8548

Color Blindness Simulation

Original

#486B85

Protanopia

#57577F

Deuteranopia

#55527D

Tritanopia

#4A7A79

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#F5F8F9
100
#E9EEF2
200
#D1DDE6
300
#B0C4D4
400
#85A5BD
500
#5A85A5
600
#486A84
700
#39556A
800
#2D4353
900
#23323D
950
#162027

Contrast Checker

Text on white

5.65:1

AA Pass AAA Fail

Text on black

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