#2C7CD3

#2C7CD3

Color Values

HEX

#2C7CD3

RGB

44, 124, 211

HSL

211,3, 65,5%, 50,0%

HSV

211,3, 79,1%, 82,7%

CMYK

79,1%, 41,2%, 0,0%, 17,3%

OKLCH

0,5827 0,1538 253,6

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#2C7CD3

#D3832C

Analogous

#2CCFD3

#302CD3

#2C7CD3

Triadic

#2C7CD3

#D32C7C

#7CD32C

Split Complementary

#2C7CD3

#D3302C

#CFD32C

Tetradic

#2C7CD3

#D32CCF

#D3832C

#2CD330

Color Blindness Simulation

Original

#2C7CD3

Protanopia

#4F4FBE

Deuteranopia

#4A44B9

Tritanopia

#30ADAA

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F3F7FC
100
#E3EDF7
200
#C4DAF3
300
#9AC0EA
400
#639EDE
500
#2C7CD3
600
#2363A9
700
#1C4F87
800
#163E6A
900
#142F4D
950
#0D1E31

Contrast Checker

Text on white

4,26:1

AA Fail AAA Fail

Text on black

4,93:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

فبراير 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

فبراير 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

فبراير 20, 2026