#2777BE

#2777BE

Color Values

HEX

#2777BE

RGB

39, 119, 190

HSL

208.2, 65.9%, 44.9%

HSV

208.2, 79.5%, 74.5%

CMYK

79.5%, 37.4%, 0.0%, 25.5%

OKLCH

0.557 0.1338 249.6

Properties

Cool Dark Nearest: RAL 5015 Sky Blue

Color Harmonies

Complementary

#2777BE

#BE6E27

Analogous

#27BEB9

#272CBE

#2777BE

Triadic

#2777BE

#BE2777

#77BE27

Split Complementary

#2777BE

#BE272C

#BEB927

Tetradic

#2777BE

#B927BE

#BE6E27

#2CBE27

Color Blindness Simulation

Original

#2777BE

Protanopia

#4A4AAD

Deuteranopia

#453FA9

Tritanopia

#2B9F9C

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F3F8FC
100
#E3EEF7
200
#C4DDF3
300
#99C4EA
400
#62A4DF
500
#2B85D4
600
#236AA9
700
#1C5587
800
#16426A
900
#14324D
950
#0C2031

Contrast Checker

Text on white

4.7:1

AA Pass AAA Fail

Text on black

4.47:1

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