#0974D6

#0974D6

Color Values

HEX

#0974D6

RGB

9, 116, 214

HSL

208.7, 91.9%, 43.7%

HSV

208.7, 95.8%, 83.9%

CMYK

95.8%, 45.8%, 0.0%, 16.1%

OKLCH

0.5609 0.1727 253.6

Properties

Cool Dark Nearest: Navy Blue

Color Harmonies

Complementary

#0974D6

#D66B09

Analogous

#09D6D1

#090DD6

#0974D6

Triadic

#0974D6

#D60974

#74D609

Split Complementary

#0974D6

#D6090D

#D6D109

Tetradic

#0974D6

#D109D6

#D66B09

#0DD609

Color Blindness Simulation

Original

#0974D6

Protanopia

#3738BE

Deuteranopia

#3129B9

Tritanopia

#0EACA7

Achromatopsia

#646464

CSS Usage

background-color: #0974D6;
color: #0974D6;
border-color: #0974D6;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F1F8FD
100
#DFEEFB
200
#BADDFC
300
#8AC4FA
400
#4AA4F7
500
#0A85F5
600
#086AC4
700
#07559D
800
#05427A
900
#083259
950
#052038

Contrast Checker

Text on white

4.69:1

AA Pass AAA Fail

Text on black

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