#096ACE

#096ACE

Color Values

HEX

#096ACE

RGB

9, 106, 206

HSL

210,5, 91,6%, 42,2%

HSV

210,5, 95,6%, 80,8%

CMYK

95,6%, 48,5%, 0,0%, 19,2%

OKLCH

0,5331 0,1741 255,5

Properties

Cool Dark Nearest: Navy Blue

Color Harmonies

Complementary

#096ACE

#CE6D09

Analogous

#09CDCE

#0B09CE

#096ACE

Triadic

#096ACE

#CE096A

#6ACE09

Split Complementary

#096ACE

#CE0B09

#CDCE09

Tetradic

#096ACE

#CE09CD

#CE6D09

#09CE0B

Color Blindness Simulation

Original

#096ACE

Protanopia

#3334B6

Deuteranopia

#2D26B0

Tritanopia

#0EA39E

Achromatopsia

#5D5D5D

CSS Usage

background-color: #096ACE;
color: #096ACE;
border-color: #096ACE;
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,3:1

AA Pass AAA Fail

Text on black

3,96: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