#4D6370

#4D6370

Color Values

HEX

#4D6370

RGB

77, 99, 112

HSL

202.3, 18.5%, 37.1%

HSV

202.3, 31.3%, 43.9%

CMYK

31.2%, 11.6%, 0.0%, 56.1%

OKLCH

0.4867 0.0337 234.3

Properties

Cool Dark Nearest: lightskyblue 4

Color Harmonies

Complementary

#4D6370

#705A4D

Analogous

#4D706C

#4D5270

#4D6370

Triadic

#4D6370

#704D63

#63704D

Split Complementary

#4D6370

#704D52

#706C4D

Tetradic

#4D6370

#6C4D70

#705A4D

#52704D

Color Blindness Simulation

Original

#4D6370

Protanopia

#57576D

Deuteranopia

#55546C

Tritanopia

#4E6A6A

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAEEF0
200
#D5DDE2
300
#B6C5CD
400
#8FA5B2
500
#688697
600
#536B79
700
#435561
800
#34434C
900
#283339
950
#1A2024

Contrast Checker

Text on white

6.3:1

AA Pass AAA Fail

Text on black

3.33:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026