#277CD2

#277CD2

Color Values

HEX

#277CD2

RGB

39, 124, 210

HSL

210.2, 68.7%, 48.8%

HSV

210.2, 81.4%, 82.4%

CMYK

81.4%, 41.0%, 0.0%, 17.6%

OKLCH

0.5808 0.1538 252.6

Properties

Cool Light Nearest: dodgerblue 3

Color Harmonies

Complementary

#277CD2

#D27D27

Analogous

#27D1D2

#2827D2

#277CD2

Triadic

#277CD2

#D2277C

#7CD227

Split Complementary

#277CD2

#D22827

#D1D227

Tetradic

#277CD2

#D227D1

#D27D27

#27D228

Color Blindness Simulation

Original

#277CD2

Protanopia

#4C4DBD

Deuteranopia

#4740B8

Tritanopia

#2BADA9

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#F3F7FC
100
#E3EDF8
200
#C3DBF4
300
#98C2EC
400
#60A0E1
500
#287FD7
600
#2066AC
700
#1A518A
800
#143F6C
900
#12304E
950
#0C1E32

Contrast Checker

Text on white

4.29:1

AA Fail AAA Fail

Text on black

4.9:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026