#276EB4

#276EB4

Color Values

HEX

#276EB4

RGB

39, 110, 180

HSL

209,8, 64,4%, 42,9%

HSV

209,8, 78,3%, 70,6%

CMYK

78,3%, 38,9%, 0,0%, 29,4%

OKLCH

0,53 0,1303 251,5

Properties

Cool Dark Nearest: RAL 5015 Sky Blue

Color Harmonies

Complementary

#276EB4

#B46D27

Analogous

#27B4B3

#2727B4

#276EB4

Triadic

#276EB4

#B4276E

#6EB427

Split Complementary

#276EB4

#B42727

#B4B327

Tetradic

#276EB4

#B327B4

#B46D27

#27B427

Color Blindness Simulation

Original

#276EB4

Protanopia

#4646A3

Deuteranopia

#423C9F

Tritanopia

#2B9693

Achromatopsia

#646464

CSS Usage

background-color: #276EB4;
color: #276EB4;
border-color: #276EB4;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F3F7FC
100
#E3EDF7
200
#C4DBF2
300
#9AC2E9
400
#64A1DD
500
#2D80D2
600
#2466A8
700
#1D5286
800
#174069
900
#14314D
950
#0D1F30

Contrast Checker

Text on white

5,28:1

AA Pass AAA Fail

Text on black

3,98:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026