#096672

#096672

Color Values

HEX

#096672

RGB

9, 102, 114

HSL

186.9, 85.4%, 24.1%

HSV

186.9, 92.1%, 44.7%

CMYK

92.1%, 10.5%, 0.0%, 55.3%

OKLCH

0.4682 0.0784 209.2

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#096672

#721509

Analogous

#09724A

#093172

#096672

Triadic

#096672

#720966

#667209

Split Complementary

#096672

#720931

#724A09

Tetradic

#096672

#4A0972

#721509

#317209

Color Blindness Simulation

Original

#096672

Protanopia

#31326F

Deuteranopia

#2C256E

Tritanopia

#0E6D6C

Achromatopsia

#535353

CSS Usage

background-color: #096672;
color: #096672;
border-color: #096672;
Nearest Tailwind: Cyan 800 #155E75

Tailwind Shades

50
#F2FCFD
100
#E0F7FA
200
#BDF3FA
300
#8EEAF6
400
#50DFF1
500
#13D3EC
600
#0FA9BD
700
#0C8797
800
#096A76
900
#0B4D56
950
#073136

Contrast Checker

Text on white

6.66:1

AA Pass AAA Fail

Text on black

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