#486880

#486880

Color Values

HEX

#486880

RGB

72, 104, 128

HSL

205.7, 28.0%, 39.2%

HSV

205.7, 43.8%, 50.2%

CMYK

43.8%, 18.8%, 0.0%, 49.8%

OKLCH

0.5024 0.0535 241.5

Properties

Cool Dark Nearest: skyblue 4

Color Harmonies

Complementary

#486880

#806048

Analogous

#48807C

#484C80

#486880

Triadic

#486880

#804868

#688048

Split Complementary

#486880

#80484C

#807C48

Tetradic

#486880

#7C4880

#806048

#4C8048

Color Blindness Simulation

Original

#486880

Protanopia

#56567A

Deuteranopia

#545279

Tritanopia

#4A7675

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#E9EEF1
200
#D1DDE5
300
#B1C4D3
400
#86A4BB
500
#5C85A3
600
#496A83
700
#3B5568
800
#2E4252
900
#24323D
950
#172026

Contrast Checker

Text on white

5.89:1

AA Pass AAA Fail

Text on black

3.57:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026