#485563

#485563

Color Values

HEX

#485563

RGB

72, 85, 99

HSL

211.1, 15.8%, 33.5%

HSV

211.1, 27.3%, 38.8%

CMYK

27.3%, 14.1%, 0.0%, 61.2%

OKLCH

0.4437 0.0283 250.4

Properties

Cool Dark Nearest: RAL 7024 Graphite Grey

Color Harmonies

Complementary

#485563

#635648

Analogous

#486263

#484863

#485563

Triadic

#485563

#634855

#556348

Split Complementary

#485563

#634848

#626348

Tetradic

#485563

#634862

#635648

#486348

Color Blindness Simulation

Original

#485563

Protanopia

#4E4E60

Deuteranopia

#4D4C5F

Tritanopia

#495D5C

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#F6F7F8
100
#EBEDF0
200
#D6DBE1
300
#B8C1CB
400
#92A0B0
500
#6B7F94
600
#566576
700
#45515E
800
#363F4A
900
#2A3037
950
#1A1E23

Contrast Checker

Text on white

7.62:1

AA Pass AAA Pass

Text on black

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