#0967C4

#0967C4

Color Values

HEX

#0967C4

RGB

9, 103, 196

HSL

209.8, 91.2%, 40.2%

HSV

209.8, 95.4%, 76.9%

CMYK

95.4%, 47.4%, 0.0%, 23.1%

OKLCH

0.5192 0.1647 254.7

Properties

Cool Dark Nearest: Denim

Color Harmonies

Complementary

#0967C4

#C46609

Analogous

#09C4C3

#090AC4

#0967C4

Triadic

#0967C4

#C40967

#67C409

Split Complementary

#0967C4

#C4090A

#C4C309

Tetradic

#0967C4

#C309C4

#C46609

#0AC409

Color Blindness Simulation

Original

#0967C4

Protanopia

#3233AE

Deuteranopia

#2C25A8

Tritanopia

#0E9C98

Achromatopsia

#5A5A5A

CSS Usage

background-color: #0967C4;
color: #0967C4;
border-color: #0967C4;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F1F7FD
100
#DFEDFB
200
#BBDCFC
300
#8AC2FA
400
#4BA1F7
500
#0B80F4
600
#0967C3
700
#07529C
800
#06407A
900
#093158
950
#051F38

Contrast Checker

Text on white

5.6:1

AA Pass AAA Fail

Text on black

3.75:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026