#4E696F

#4E696F

Color Values

HEX

#4E696F

RGB

78, 105, 111

HSL

190.9, 17.5%, 37.1%

HSV

190.9, 29.7%, 43.5%

CMYK

29.7%, 5.4%, 0.0%, 56.5%

OKLCH

0.5017 0.0331 212.8

Properties

Cool Dark Nearest: lightskyblue 4

Color Harmonies

Complementary

#4E696F

#6F544E

Analogous

#4E6F65

#4E596F

#4E696F

Triadic

#4E696F

#6F4E69

#696F4E

Split Complementary

#4E696F

#6F4E59

#6F654E

Tetradic

#4E696F

#654E6F

#6F544E

#596F4E

Color Blindness Simulation

Original

#4E696F

Protanopia

#5A5A6E

Deuteranopia

#58566D

Tritanopia

#4F6C6C

Achromatopsia

#646464

CSS Usage

background-color: #4E696F;
color: #4E696F;
border-color: #4E696F;
Nearest Tailwind: Gray 500 #6B7280

Tailwind Shades

50
#F6F8F8
100
#EAEFF0
200
#D5DFE2
300
#B7C9CD
400
#90ABB1
500
#698E96
600
#547178
700
#435B60
800
#35474B
900
#293538
950
#1A2223

Contrast Checker

Text on white

5.88:1

AA Pass AAA Fail

Text on black

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