#4779CC

#4779CC

Color Values

HEX

#4779CC

RGB

71, 121, 204

HSL

217.4, 56.6%, 53.9%

HSV

217.4, 65.2%, 80.0%

CMYK

65.2%, 40.7%, 0.0%, 20.0%

OKLCH

0.5815 0.139 260.0

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#4779CC

#CC9A47

Analogous

#47BCCC

#5747CC

#4779CC

Triadic

#4779CC

#CC4779

#79CC47

Split Complementary

#4779CC

#CC5747

#BCCC47

Tetradic

#4779CC

#CC47BC

#CC9A47

#47CC57

Color Blindness Simulation

Original

#4779CC

Protanopia

#5D5DB8

Deuteranopia

#5A56B3

Tritanopia

#4AA8A5

Achromatopsia

#747474

CSS Usage

background-color: #4779CC;
color: #4779CC;
border-color: #4779CC;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F4F6FB
100
#E5EBF6
200
#C7D6F0
300
#9FB9E4
400
#6B93D6
500
#376EC8
600
#2C58A0
700
#234680
800
#1C3764
900
#182A49
950
#0F1B2E

Contrast Checker

Text on white

4.31:1

AA Fail AAA Fail

Text on black

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