#0976DC

#0976DC

Color Values

HEX

#0976DC

RGB

9, 118, 220

HSL

209.0, 92.1%, 44.9%

HSV

209.0, 95.9%, 86.3%

CMYK

95.9%, 46.4%, 0.0%, 13.7%

OKLCH

0.5695 0.178 254.0

Properties

Cool Light Nearest: Navy Blue

Color Harmonies

Complementary

#0976DC

#DC6F09

Analogous

#09DCD8

#090DDC

#0976DC

Triadic

#0976DC

#DC0976

#76DC09

Split Complementary

#0976DC

#DC090D

#DCD809

Tetradic

#0976DC

#D809DC

#DC6F09

#0DDC09

Color Blindness Simulation

Original

#0976DC

Protanopia

#3839C3

Deuteranopia

#322ABD

Tritanopia

#0EB0AC

Achromatopsia

#666666

CSS Usage

background-color: #0976DC;
color: #0976DC;
border-color: #0976DC;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F1F8FD
100
#DFEEFB
200
#BADCFC
300
#89C4FA
400
#4AA4F8
500
#0A83F5
600
#0869C4
700
#06549D
800
#05427A
900
#083259
950
#051F38

Contrast Checker

Text on white

4.53:1

AA Pass AAA Fail

Text on black

4.64:1

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