#464556

#464556

Color Values

HEX

#464556

RGB

70, 69, 86

HSL

243.5, 11.0%, 30.4%

HSV

243.5, 19.8%, 33.7%

CMYK

18.6%, 19.8%, 0.0%, 66.3%

OKLCH

0.3981 0.0284 287.7

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#464556

#555645

Analogous

#454D56

#4F4556

#464556

Triadic

#464556

#564645

#455646

Split Complementary

#464556

#564F45

#4D5645

Tetradic

#464556

#56454D

#555645

#45564F

Color Blindness Simulation

Original

#464556

Protanopia

#464652

Deuteranopia

#464651

Tritanopia

#464F4E

Achromatopsia

#464646

CSS Usage

background-color: #464556;
color: #464556;
border-color: #464556;
Nearest Tailwind: Gray 700 #374151

Tailwind Shades

50
#F7F7F8
100
#ECEBEF
200
#D8D7DF
300
#BCBBC9
400
#9796AB
500
#73718E
600
#5C5B71
700
#4A495B
800
#3A3947
900
#2C2C35
950
#1C1C22

Contrast Checker

Text on white

9.35:1

AA Pass AAA Pass

Text on black

2.25:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026