#2876D7

#2876D7

Color Values

HEX

#2876D7

RGB

40, 118, 215

HSL

213.3, 68.6%, 50.0%

HSV

213.3, 81.4%, 84.3%

CMYK

81.4%, 45.1%, 0.0%, 15.7%

OKLCH

0.571 0.1666 256.2

Properties

Cool Light Nearest: Navy Blue

Color Harmonies

Complementary

#2876D7

#D78928

Analogous

#28CDD7

#3228D7

#2876D7

Triadic

#2876D7

#D72876

#76D728

Split Complementary

#2876D7

#D73228

#CDD728

Tetradic

#2876D7

#D728CD

#D78928

#28D732

Color Blindness Simulation

Original

#2876D7

Protanopia

#4A4AC0

Deuteranopia

#453FBA

Tritanopia

#2CADA9

Achromatopsia

#6C6C6C

CSS Usage

background-color: #2876D7;
color: #2876D7;
border-color: #2876D7;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F3F7FC
100
#E3ECF8
200
#C3D9F4
300
#98BDEC
400
#609AE1
500
#2876D7
600
#205EAC
700
#1A4B8A
800
#143B6B
900
#132D4E
950
#0C1D31

Contrast Checker

Text on white

4.5:1

AA Pass AAA Fail

Text on black

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