#4B6870

#4B6870

Color Values

HEX

#4B6870

RGB

75, 104, 112

HSL

193.0, 19.8%, 36.7%

HSV

193.0, 33.0%, 43.9%

CMYK

33.0%, 7.1%, 0.0%, 56.1%

OKLCH

0.4976 0.0362 216.7

Properties

Cool Dark Nearest: lightskyblue 4

Color Harmonies

Complementary

#4B6870

#70534B

Analogous

#4B7066

#4B5670

#4B6870

Triadic

#4B6870

#704B68

#68704B

Split Complementary

#4B6870

#704B56

#70664B

Tetradic

#4B6870

#664B70

#70534B

#56704B

Color Blindness Simulation

Original

#4B6870

Protanopia

#58586E

Deuteranopia

#56546E

Tritanopia

#4C6D6C

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAEFF0
200
#D4DFE2
300
#B6C9CE
400
#8EABB3
500
#668E99
600
#52717A
700
#415B62
800
#33474C
900
#283539
950
#192224

Contrast Checker

Text on white

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