#4B686A

#4B686A

Color Values

HEX

#4B686A

RGB

75, 104, 106

HSL

183.9, 17.1%, 35.5%

HSV

183.9, 29.2%, 41.6%

CMYK

29.2%, 1.9%, 0.0%, 58.4%

OKLCH

0.4954 0.034 201.5

Properties

Cool Dark Nearest: RAL 7012 Basalt Grey

Color Harmonies

Complementary

#4B686A

#6A4D4B

Analogous

#4B6A5D

#4B596A

#4B686A

Triadic

#4B686A

#6A4B68

#686A4B

Split Complementary

#4B686A

#6A4B59

#6A5D4B

Tetradic

#4B686A

#5D4B6A

#6A4D4B

#596A4B

Color Blindness Simulation

Original

#4B686A

Protanopia

#58586A

Deuteranopia

#565469

Tritanopia

#4C6969

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBEFF0
200
#D5E1E1
300
#B7CBCC
400
#91AFB1
500
#6A9295
600
#557577
700
#445E60
800
#35494B
900
#293738
950
#1A2323

Contrast Checker

Text on white

6.02:1

AA Pass AAA Fail

Text on black

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