#4F5C63

#4F5C63

Color Values

HEX

#4F5C63

RGB

79, 92, 99

HSL

201.0, 11.2%, 34.9%

HSV

201.0, 20.2%, 38.8%

CMYK

20.2%, 7.1%, 0.0%, 61.2%

OKLCH

0.4662 0.0198 231.3

Properties

Cool Dark Nearest: RAL 7012 Basalt Grey

Color Harmonies

Complementary

#4F5C63

#63564F

Analogous

#4F6360

#4F5263

#4F5C63

Triadic

#4F5C63

#634F5C

#5C634F

Split Complementary

#4F5C63

#634F52

#63604F

Tetradic

#4F5C63

#604F63

#63564F

#52634F

Color Blindness Simulation

Original

#4F5C63

Protanopia

#555561

Deuteranopia

#545361

Tritanopia

#506060

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#EBEEEF
200
#D7DCDF
300
#BBC4C9
400
#96A4AB
500
#71848E
600
#5B6971
700
#48545B
800
#394247
900
#2C3235
950
#1C2022

Contrast Checker

Text on white

6.9:1

AA Pass AAA Fail

Text on black

3.04:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026