#2C80D2

#2C80D2

Color Values

HEX

#2C80D2

RGB

44, 128, 210

HSL

209.6, 65.4%, 49.8%

HSV

209.6, 79.0%, 82.4%

CMYK

79.0%, 39.0%, 0.0%, 17.6%

OKLCH

0.5911 0.1483 251.5

Properties

Cool Light Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#2C80D2

#D27E2C

Analogous

#2CD2D1

#2C2DD2

#2C80D2

Triadic

#2C80D2

#D22C80

#80D22C

Split Complementary

#2C80D2

#D22C2D

#D2D12C

Tetradic

#2C80D2

#D12CD2

#D27E2C

#2DD22C

Color Blindness Simulation

Original

#2C80D2

Protanopia

#5051BE

Deuteranopia

#4C45B9

Tritanopia

#30AEAB

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#F3F7FC
100
#E3EDF7
200
#C4DCF3
300
#9AC2EA
400
#63A1DE
500
#2C81D3
600
#2367A9
700
#1C5287
800
#164069
900
#14314D
950
#0D1F31

Contrast Checker

Text on white

4.1:1

AA Fail AAA Fail

Text on black

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