#096BC4

#096BC4

Color Values

HEX

#096BC4

RGB

9, 107, 196

HSL

208.6, 91.2%, 40.2%

HSV

208.6, 95.4%, 76.9%

CMYK

95.4%, 45.4%, 0.0%, 23.1%

OKLCH

0.5282 0.1601 253.2

Properties

Cool Dark Nearest: Denim

Color Harmonies

Complementary

#096BC4

#C46209

Analogous

#09C4C0

#090DC4

#096BC4

Triadic

#096BC4

#C4096B

#6BC409

Split Complementary

#096BC4

#C4090D

#C4C009

Tetradic

#096BC4

#C009C4

#C46209

#0DC409

Color Blindness Simulation

Original

#096BC4

Protanopia

#3334AE

Deuteranopia

#2E26A9

Tritanopia

#0E9D9A

Achromatopsia

#5D5D5D

CSS Usage

background-color: #096BC4;
color: #096BC4;
border-color: #096BC4;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F1F8FD
100
#DFEEFB
200
#BBDDFC
300
#8AC4FA
400
#4BA5F7
500
#0B85F4
600
#096AC3
700
#07559C
800
#06427A
900
#093258
950
#052038

Contrast Checker

Text on white

5.37:1

AA Pass AAA Fail

Text on black

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