#4B6366

#4B6366

Color Values

HEX

#4B6366

RGB

75, 99, 102

HSL

186.7, 15.3%, 34.7%

HSV

186.7, 26.5%, 40.0%

CMYK

26.5%, 2.9%, 0.0%, 60.0%

OKLCH

0.4815 0.029 205.7

Properties

Cool Dark Nearest: RAL 7012 Basalt Grey

Color Harmonies

Complementary

#4B6366

#664E4B

Analogous

#4B665C

#4B5566

#4B6366

Triadic

#4B6366

#664B63

#63664B

Split Complementary

#4B6366

#664B55

#665C4B

Tetradic

#4B6366

#5C4B66

#664E4B

#55664B

Color Blindness Simulation

Original

#4B6366

Protanopia

#555665

Deuteranopia

#545265

Tritanopia

#4C6565

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBEFEF
200
#D6E0E1
300
#B8C9CB
400
#92ACAF
500
#6C8F93
600
#567276
700
#455B5E
800
#36474A
900
#2A3637
950
#1A2223

Contrast Checker

Text on white

6.41:1

AA Pass AAA Fail

Text on black

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