#486366

#486366

Color Values

HEX

#486366

RGB

72, 99, 102

HSL

186,0, 17,2%, 34,1%

HSV

186,0, 29,4%, 40,0%

CMYK

29,4%, 2,9%, 0,0%, 60,0%

OKLCH

0,4794 0,0323 204,7

Properties

Cool Dark Nearest: RAL 7012 Basalt Grey

Color Harmonies

Complementary

#486366

#664B48

Analogous

#48665A

#485466

#486366

Triadic

#486366

#664863

#636648

Split Complementary

#486366

#664854

#665A48

Tetradic

#486366

#5A4866

#664B48

#546648

Color Blindness Simulation

Original

#486366

Protanopia

#545465

Deuteranopia

#525065

Tritanopia

#496565

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBEFF0
200
#D5E0E1
300
#B7CACC
400
#90AEB1
500
#6A9195
600
#547478
700
#445D60
800
#35494B
900
#293638
950
#1A2223

Contrast Checker

Text on white

6,46:1

AA Pass AAA Fail

Text on black

3,25:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026