#276BC4

#276BC4

Color Values

HEX

#276BC4

RGB

39, 107, 196

HSL

214.0, 66.8%, 46.1%

HSV

214.0, 80.1%, 76.9%

CMYK

80.1%, 45.4%, 0.0%, 23.1%

OKLCH

0.5337 0.1546 256.8

Properties

Cool Dark Nearest: Denim

Color Harmonies

Complementary

#276BC4

#C48027

Analogous

#27BAC4

#3127C4

#276BC4

Triadic

#276BC4

#C4276B

#6BC427

Split Complementary

#276BC4

#C43127

#BAC427

Tetradic

#276BC4

#C427BA

#C48027

#27C431

Color Blindness Simulation

Original

#276BC4

Protanopia

#4445AE

Deuteranopia

#403BA9

Tritanopia

#2A9D9A

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F3F7FC
100
#E3ECF7
200
#C3D8F3
300
#99BCEB
400
#6298E0
500
#2A74D5
600
#225DAA
700
#1B4A88
800
#153A6A
900
#132D4E
950
#0C1C31

Contrast Checker

Text on white

5.27:1

AA Pass AAA Fail

Text on black

3.99:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026