#0970D2

#0970D2

Color Values

HEX

#0970D2

RGB

9, 112, 210

HSL

209.3, 91.8%, 42.9%

HSV

209.3, 95.7%, 82.4%

CMYK

95.7%, 46.7%, 0.0%, 17.6%

OKLCH

0.5492 0.1722 254.2

Properties

Cool Dark Nearest: Navy Blue

Color Harmonies

Complementary

#0970D2

#D26B09

Analogous

#09D2CF

#090BD2

#0970D2

Triadic

#0970D2

#D20970

#70D209

Split Complementary

#0970D2

#D2090B

#D2CF09

Tetradic

#0970D2

#CF09D2

#D26B09

#0BD209

Color Blindness Simulation

Original

#0970D2

Protanopia

#3636BA

Deuteranopia

#3028B5

Tritanopia

#0EA8A3

Achromatopsia

#616161

CSS Usage

background-color: #0970D2;
color: #0970D2;
border-color: #0970D2;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F1F7FD
100
#DFEDFB
200
#BBDCFC
300
#8AC3FA
400
#4AA3F7
500
#0A82F5
600
#0868C4
700
#07539D
800
#05417A
900
#083158
950
#051F38

Contrast Checker

Text on white

4.93:1

AA Pass AAA Fail

Text on black

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