#485A64

#485A64

Color Values

HEX

#485A64

RGB

72, 90, 100

HSL

201.4, 16.3%, 33.7%

HSV

201.4, 28.0%, 39.2%

CMYK

28.0%, 10.0%, 0.0%, 60.8%

OKLCH

0.4563 0.0275 232.5

Properties

Cool Dark Nearest: RAL 7024 Graphite Grey

Color Harmonies

Complementary

#485A64

#645248

Analogous

#486460

#484C64

#485A64

Triadic

#485A64

#64485A

#5A6448

Split Complementary

#485A64

#64484C

#646048

Tetradic

#485A64

#604864

#645248

#4C6448

Color Blindness Simulation

Original

#485A64

Protanopia

#505062

Deuteranopia

#4F4D61

Tritanopia

#49605F

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBEEF0
200
#D5DDE1
300
#B8C5CC
400
#91A5B0
500
#6B8594
600
#556B77
700
#44555F
800
#35434A
900
#293238
950
#1A2023

Contrast Checker

Text on white

7.19:1

AA Pass AAA Pass

Text on black

2.92:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026