#276ECE

#276ECE

Color Values

HEX

#276ECE

RGB

39, 110, 206

HSL

214.5, 68.2%, 48.0%

HSV

214.5, 81.1%, 80.8%

CMYK

81.1%, 46.6%, 0.0%, 19.2%

OKLCH

0.5471 0.1643 257.4

Properties

Cool Dark Nearest: Navy Blue

Color Harmonies

Complementary

#276ECE

#CE8727

Analogous

#27C1CE

#3327CE

#276ECE

Triadic

#276ECE

#CE276E

#6ECE27

Split Complementary

#276ECE

#CE3327

#C1CE27

Tetradic

#276ECE

#CE27C1

#CE8727

#27CE33

Color Blindness Simulation

Original

#276ECE

Protanopia

#4646B7

Deuteranopia

#423CB1

Tritanopia

#2BA4A0

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#F3F7FC
100
#E3ECF7
200
#C3D8F4
300
#98BCEC
400
#6097E1
500
#2972D6
600
#205CAC
700
#1A4989
800
#14396B
900
#132C4E
950
#0C1C31

Contrast Checker

Text on white

4.99:1

AA Pass AAA Fail

Text on black

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