#4478C7

#4478C7

Color Values

HEX

#4478C7

RGB

68, 120, 199

HSL

216.2, 53.9%, 52.4%

HSV

216.2, 65.8%, 78.0%

CMYK

65.8%, 39.7%, 0.0%, 22.0%

OKLCH

0.575 0.1345 258.6

Properties

Cool Light Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#4478C7

#C79344

Analogous

#44BAC7

#5244C7

#4478C7

Triadic

#4478C7

#C74478

#78C744

Split Complementary

#4478C7

#C75244

#BAC744

Tetradic

#4478C7

#C744BA

#C79344

#44C752

Color Blindness Simulation

Original

#4478C7

Protanopia

#5B5BB4

Deuteranopia

#5854AF

Tritanopia

#47A5A1

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#F4F7FB
100
#E5EBF5
200
#C8D7EF
300
#A1BBE3
400
#6E96D4
500
#3B71C4
600
#2F5B9D
700
#26497E
800
#1D3962
900
#192C48
950
#101C2D

Contrast Checker

Text on white

4.41:1

AA Fail AAA Fail

Text on black

4.76:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026