#2C7ED3

#2C7ED3

Color Values

HEX

#2C7ED3

RGB

44, 126, 211

HSL

210.5, 65.5%, 50.0%

HSV

210.5, 79.1%, 82.7%

CMYK

79.1%, 40.3%, 0.0%, 17.3%

OKLCH

0.5872 0.1517 252.7

Properties

Cool Light Nearest: dodgerblue 3

Color Harmonies

Complementary

#2C7ED3

#D3812C

Analogous

#2CD2D3

#2D2CD3

#2C7ED3

Triadic

#2C7ED3

#D32C7E

#7ED32C

Split Complementary

#2C7ED3

#D32D2C

#D2D32C

Tetradic

#2C7ED3

#D32CD2

#D3812C

#2CD32D

Color Blindness Simulation

Original

#2C7ED3

Protanopia

#5050BE

Deuteranopia

#4B45BA

Tritanopia

#30AEAB

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#F3F7FC
100
#E3EDF7
200
#C4DBF3
300
#9AC1EA
400
#63A0DE
500
#2C7ED3
600
#2365A9
700
#1C5187
800
#163F6A
900
#14304D
950
#0D1E31

Contrast Checker

Text on white

4.17:1

AA Fail AAA Fail

Text on black

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