#4F8ABD

#4F8ABD

Color Values

HEX

#4F8ABD

RGB

79, 138, 189

HSL

207.8, 45.5%, 52.5%

HSV

207.8, 58.2%, 74.1%

CMYK

58.2%, 27.0%, 0.0%, 25.9%

OKLCH

0.615 0.0994 246.4

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#4F8ABD

#BD824F

Analogous

#4FBDB9

#4F53BD

#4F8ABD

Triadic

#4F8ABD

#BD4F8A

#8ABD4F

Split Complementary

#4F8ABD

#BD4F53

#BDB94F

Tetradic

#4F8ABD

#B94FBD

#BD824F

#53BD4F

Color Blindness Simulation

Original

#4F8ABD

Protanopia

#6969B1

Deuteranopia

#6561AE

Tritanopia

#52A7A5

Achromatopsia

#818181

CSS Usage

background-color: #4F8ABD;
color: #4F8ABD;
border-color: #4F8ABD;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F4F8FA
100
#E6EEF4
200
#CBDCEC
300
#A6C4DE
400
#76A4CC
500
#4584BA
600
#386994
700
#2C5477
800
#23425D
900
#1D3244
950
#12202B

Contrast Checker

Text on white

3.68:1

AA Fail AAA Fail

Text on black

5.7:1

AA Pass 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