#485F5C

#485F5C

Color Values

HEX

#485F5C

RGB

72, 95, 92

HSL

172.2, 13.8%, 32.7%

HSV

172.2, 24.2%, 37.3%

CMYK

24.2%, 0.0%, 3.2%, 62.7%

OKLCH

0.4658 0.0281 186.4

Properties

Cool Dark Nearest: RAL 7012 Basalt Grey

Color Harmonies

Complementary

#485F5C

#5F484B

Analogous

#485F50

#48565F

#485F5C

Triadic

#485F5C

#5C485F

#5F5C48

Split Complementary

#485F5C

#5F4856

#5F5048

Tetradic

#485F5C

#50485F

#5F484B

#565F48

Color Blindness Simulation

Original

#485F5C

Protanopia

#52525D

Deuteranopia

#514F5D

Tritanopia

#495D5D

Achromatopsia

#5A5A5A

CSS Usage

background-color: #485F5C;
color: #485F5C;
border-color: #485F5C;
Nearest Tailwind: Neutral 600 #525252

Tailwind Shades

50
#F6F8F8
100
#EBEFEF
200
#D6E0DF
300
#B9CAC8
400
#94AEAA
500
#6E918D
600
#587470
700
#465D5A
800
#374946
900
#2A3635
950
#1B2221

Contrast Checker

Text on white

6.85:1

AA Pass AAA Fail

Text on black

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