#4F7595

#4F7595

Color Values

HEX

#4F7595

RGB

79, 117, 149

HSL

207.4, 30.7%, 44.7%

HSV

207.4, 47.0%, 58.4%

CMYK

47.0%, 21.5%, 0.0%, 41.6%

OKLCH

0.5471 0.0661 244.8

Properties

Cool Dark Nearest: skyblue 4

Color Harmonies

Complementary

#4F7595

#956F4F

Analogous

#4F9592

#4F5295

#4F7595

Triadic

#4F7595

#954F75

#75954F

Split Complementary

#4F7595

#954F52

#95924F

Tetradic

#4F7595

#924F95

#956F4F

#52954F

Color Blindness Simulation

Original

#4F7595

Protanopia

#5F608D

Deuteranopia

#5D5A8B

Tritanopia

#518786

Achromatopsia

#6F6F6F

CSS Usage

background-color: #4F7595;
color: #4F7595;
border-color: #4F7595;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F5F8F9
100
#E8EEF2
200
#D0DCE6
300
#AFC3D5
400
#84A3BE
500
#5883A7
600
#476985
700
#39546B
800
#2C4153
900
#23323E
950
#161F27

Contrast Checker

Text on white

4.87:1

AA Pass AAA Fail

Text on black

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