#4B6567

#4B6567

Color Values

HEX

#4B6567

RGB

75, 101, 103

HSL

184.3, 15.7%, 34.9%

HSV

184.3, 27.2%, 40.4%

CMYK

27.2%, 1.9%, 0.0%, 59.6%

OKLCH

0.4868 0.0309 202.1

Properties

Cool Dark Nearest: RAL 7012 Basalt Grey

Color Harmonies

Complementary

#4B6567

#674D4B

Analogous

#4B675B

#4B5767

#4B6567

Triadic

#4B6567

#674B65

#65674B

Split Complementary

#4B6567

#674B57

#675B4B

Tetradic

#4B6567

#5B4B67

#674D4B

#57674B

Color Blindness Simulation

Original

#4B6567

Protanopia

#565667

Deuteranopia

#555366

Tritanopia

#4C6666

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBEFF0
200
#D6E0E1
300
#B8CACB
400
#92ADAF
500
#6B9194
600
#567476
700
#455D5E
800
#36484A
900
#2A3637
950
#1A2223

Contrast Checker

Text on white

6.26:1

AA Pass AAA Fail

Text on black

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