#276CD8

#276CD8

Color Values

HEX

#276CD8

RGB

39, 108, 216

HSL

216.6, 69.4%, 50.0%

HSV

216.6, 81.9%, 84.7%

CMYK

81.9%, 50.0%, 0.0%, 15.3%

OKLCH

0.55 0.1797 259.5

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#276CD8

#D89327

Analogous

#27C5D8

#3A27D8

#276CD8

Triadic

#276CD8

#D8276C

#6CD827

Split Complementary

#276CD8

#D83A27

#C5D827

Tetradic

#276CD8

#D827C5

#D89327

#27D83A

Color Blindness Simulation

Original

#276CD8

Protanopia

#4545BE

Deuteranopia

#413CB8

Tritanopia

#2AA9A5

Achromatopsia

#656565

CSS Usage

background-color: #276CD8;
color: #276CD8;
border-color: #276CD8;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F3F6FC
100
#E3EBF8
200
#C3D6F4
300
#97B8EC
400
#5F92E2
500
#276CD8
600
#1F56AD
700
#19458A
800
#14366C
900
#122A4F
950
#0B1A32

Contrast Checker

Text on white

4.97:1

AA Pass AAA Fail

Text on black

4.22:1

AA Fail 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