#4F7F97

#4F7F97

Color Values

HEX

#4F7F97

RGB

79, 127, 151

HSL

200.0, 31.3%, 45.1%

HSV

200.0, 47.7%, 59.2%

CMYK

47.7%, 15.9%, 0.0%, 40.8%

OKLCH

0.5718 0.0639 231.1

Properties

Cool Light Nearest: skyblue 4

Color Harmonies

Complementary

#4F7F97

#97674F

Analogous

#4F978B

#4F5B97

#4F7F97

Triadic

#4F7F97

#974F7F

#7F974F

Split Complementary

#4F7F97

#974F5B

#978B4F

Tetradic

#4F7F97

#8B4F97

#97674F

#5B974F

Color Blindness Simulation

Original

#4F7F97

Protanopia

#646491

Deuteranopia

#615D90

Tritanopia

#518D8C

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F5F8F9
100
#E8EFF2
200
#D0DFE6
300
#AFC8D5
400
#83AABE
500
#588DA7
600
#467186
700
#385A6B
800
#2C4654
900
#23353E
950
#162127

Contrast Checker

Text on white

4.36:1

AA Fail AAA Fail

Text on black

4.82:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026