#096C76

#096C76

Color Values

HEX

#096C76

RGB

9, 108, 118

HSL

185.5, 85.8%, 24.9%

HSV

185.5, 92.4%, 46.3%

CMYK

92.4%, 8.5%, 0.0%, 53.7%

OKLCH

0.4862 0.0811 206.3

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#096C76

#761309

Analogous

#097649

#093676

#096C76

Triadic

#096C76

#76096C

#6C7609

Split Complementary

#096C76

#760936

#764909

Tetradic

#096C76

#490976

#761309

#367609

Color Blindness Simulation

Original

#096C76

Protanopia

#343574

Deuteranopia

#2E2773

Tritanopia

#0E7271

Achromatopsia

#585858

CSS Usage

background-color: #096C76;
color: #096C76;
border-color: #096C76;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F2FCFD
100
#E0F8FA
200
#BDF4FA
300
#8DEDF6
400
#50E3F2
500
#12D9ED
600
#0EADBE
700
#0C8B98
800
#096C76
900
#0B4F56
950
#073236

Contrast Checker

Text on white

6.14:1

AA Pass AAA Fail

Text on black

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