#096677

#096677

Color Values

HEX

#096677

RGB

9, 102, 119

HSL

189.3, 85.9%, 25.1%

HSV

189.3, 92.4%, 46.7%

CMYK

92.4%, 14.3%, 0.0%, 53.3%

OKLCH

0.4704 0.0807 214.9

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#096677

#771A09

Analogous

#097751

#092F77

#096677

Triadic

#096677

#770966

#667709

Split Complementary

#096677

#77092F

#775109

Tetradic

#096677

#510977

#771A09

#2F7709

Color Blindness Simulation

Original

#096677

Protanopia

#313273

Deuteranopia

#2C2572

Tritanopia

#0E706F

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#F2FBFD
100
#E0F6FA
200
#BDF0FA
300
#8DE6F6
400
#50D9F2
500
#12CBED
600
#0EA2BE
700
#0C8298
800
#096677
900
#0B4A56
950
#072F36

Contrast Checker

Text on white

6.61:1

AA Pass AAA Fail

Text on black

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