#0967C8

#0967C8

Color Values

HEX

#0967C8

RGB

9, 103, 200

HSL

210.5, 91.4%, 41.0%

HSV

210.5, 95.5%, 78.4%

CMYK

95.5%, 48.5%, 0.0%, 21.6%

OKLCH

0.5221 0.1699 255.4

Properties

Cool Dark Nearest: Navy Blue

Color Harmonies

Complementary

#0967C8

#C86A09

Analogous

#09C7C8

#0B09C8

#0967C8

Triadic

#0967C8

#C80967

#67C809

Split Complementary

#0967C8

#C80B09

#C7C809

Tetradic

#0967C8

#C809C7

#C86A09

#09C80B

Color Blindness Simulation

Original

#0967C8

Protanopia

#3233B1

Deuteranopia

#2C25AB

Tritanopia

#0E9E9A

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#F1F7FD
100
#DFEDFB
200
#BBDBFC
300
#8AC1FA
400
#4A9FF7
500
#0B7EF4
600
#0964C3
700
#07509C
800
#053F7A
900
#093058
950
#051E38

Contrast Checker

Text on white

5.55:1

AA Pass AAA Fail

Text on black

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