#465356

#465356

Color Values

HEX

#465356

RGB

70, 83, 86

HSL

191.2, 10.3%, 30.6%

HSV

191.2, 18.6%, 33.7%

CMYK

18.6%, 3.5%, 0.0%, 66.3%

OKLCH

0.4321 0.0171 213.2

Properties

Cool Dark Nearest: RAL 7011 Iron Grey

Color Harmonies

Complementary

#465356

#564946

Analogous

#465651

#464B56

#465356

Triadic

#465356

#564653

#535646

Split Complementary

#465356

#56464B

#565146

Tetradic

#465356

#514656

#564946

#4B5646

Color Blindness Simulation

Original

#465356

Protanopia

#4C4C55

Deuteranopia

#4B4A55

Tritanopia

#475555

Achromatopsia

#505050

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#ECEEEF
200
#D8DEDF
300
#BBC6C8
400
#97A7AA
500
#72888D
600
#5B6D71
700
#49575A
800
#394446
900
#2C3335
950
#1C2021

Contrast Checker

Text on white

7.98:1

AA Pass AAA Pass

Text on black

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