#4796DC

#4796DC

Color Values

HEX

#4796DC

RGB

71, 150, 220

HSL

208.2, 68.0%, 57.1%

HSV

208.2, 67.7%, 86.3%

CMYK

67.7%, 31.8%, 0.0%, 13.7%

OKLCH

0.6549 0.1305 248.0

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#4796DC

#DC8D47

Analogous

#47DCD8

#474CDC

#4796DC

Triadic

#4796DC

#DC4796

#96DC47

Split Complementary

#4796DC

#DC474C

#DCD847

Tetradic

#4796DC

#D847DC

#DC8D47

#4CDC47

Color Blindness Simulation

Original

#4796DC

Protanopia

#696ACB

Deuteranopia

#655FC7

Tritanopia

#4BBEBB

Achromatopsia

#8A8A8A

CSS Usage

background-color: #4796DC;
color: #4796DC;
border-color: #4796DC;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F3F8FC
100
#E3EEF7
200
#C3DDF4
300
#98C4EB
400
#60A4E1
500
#2985D6
600
#216AAB
700
#1A5589
800
#14426B
900
#13324E
950
#0C2031

Contrast Checker

Text on white

3.15:1

AA Fail AAA Fail

Text on black

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