#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

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026