#465058

#465058

Color Values

HEX

#465058

RGB

70, 80, 88

HSL

206.7, 11.4%, 31.0%

HSV

206.7, 20.5%, 34.5%

CMYK

20.5%, 9.1%, 0.0%, 65.5%

OKLCH

0.4254 0.0185 242.2

Properties

Cool Dark Nearest: RAL 7024 Graphite Grey

Color Harmonies

Complementary

#465058

#584E46

Analogous

#465857

#464758

#465058

Triadic

#465058

#584650

#505846

Split Complementary

#465058

#584647

#585746

Tetradic

#465058

#574658

#584E46

#475846

Color Blindness Simulation

Original

#465058

Protanopia

#4A4A56

Deuteranopia

#4A4956

Tritanopia

#465554

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#EBEDEF
200
#D7DCDF
300
#BBC3C9
400
#96A2AB
500
#71818E
600
#5A6772
700
#48535B
800
#384147
900
#2B3135
950
#1B1F22

Contrast Checker

Text on white

8.24:1

AA Pass AAA Pass

Text on black

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