#46564F

#46564F

Color Values

HEX

#46564F

RGB

70, 86, 79

HSL

153.8, 10.3%, 30.6%

HSV

153.8, 18.6%, 33.7%

CMYK

18.6%, 0.0%, 8.1%, 66.3%

OKLCH

0.4372 0.023 166.9

Properties

Cool Dark Nearest: RAL 7012 Basalt Grey

Color Harmonies

Complementary

#46564F

#56464D

Analogous

#465647

#465556

#46564F

Triadic

#46564F

#4F4656

#564F46

Split Complementary

#46564F

#564655

#564746

Tetradic

#46564F

#474656

#56464D

#555646

Color Blindness Simulation

Original

#46564F

Protanopia

#4D4D51

Deuteranopia

#4C4B51

Tritanopia

#475252

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#ECEFED
200
#D8DFDC
300
#BBC8C3
400
#97AAA2
500
#728D81
600
#5B7167
700
#495A53
800
#394641
900
#2C3531
950
#1C211F

Contrast Checker

Text on white

7.77:1

AA Pass AAA Pass

Text on black

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