#4F6867

#4F6867

Color Values

HEX

#4F6867

RGB

79, 104, 103

HSL

177.6, 13.7%, 35.9%

HSV

177.6, 24.0%, 40.8%

CMYK

24.0%, 0.0%, 1.0%, 59.2%

OKLCH

0.497 0.0297 193.2

Properties

Cool Dark Nearest: RAL 7005 Mouse Grey

Color Harmonies

Complementary

#4F6867

#684F50

Analogous

#4F685B

#4F5D68

#4F6867

Triadic

#4F6867

#674F68

#68674F

Split Complementary

#4F6867

#684F5D

#685B4F

Tetradic

#4F6867

#5B4F68

#684F50

#5D684F

Color Blindness Simulation

Original

#4F6867

Protanopia

#5A5A67

Deuteranopia

#585667

Tritanopia

#506767

Achromatopsia

#636363

CSS Usage

background-color: #4F6867;
color: #4F6867;
border-color: #4F6867;
Nearest Tailwind: Neutral 500 #737373

Tailwind Shades

50
#F6F8F8
100
#EBEFEF
200
#D6E0E0
300
#B9CACA
400
#94AEAD
500
#6E9190
600
#587473
700
#465D5C
800
#374848
900
#2A3636
950
#1B2222

Contrast Checker

Text on white

5.99:1

AA Pass AAA Fail

Text on black

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