#097384

#097384

Color Values

HEX

#097384

RGB

9, 115, 132

HSL

188.3, 87.2%, 27.6%

HSV

188.3, 93.2%, 51.8%

CMYK

93.2%, 12.9%, 0.0%, 48.2%

OKLCH

0.511 0.0874 212.9

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#097384

#841A09

Analogous

#098457

#093584

#097384

Triadic

#097384

#840973

#738409

Split Complementary

#097384

#840935

#845709

Tetradic

#097384

#570984

#841A09

#358409

Color Blindness Simulation

Original

#097384

Protanopia

#373880

Deuteranopia

#31297F

Tritanopia

#0E7D7C

Achromatopsia

#5E5E5E

CSS Usage

background-color: #097384;
color: #097384;
border-color: #097384;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F2FBFD
100
#E0F7FA
200
#BCF2FA
300
#8CE8F7
400
#4EDCF3
500
#10D0EF
600
#0DA6BF
700
#0A8599
800
#086877
900
#0A4C56
950
#073037

Contrast Checker

Text on white

5.53:1

AA Pass AAA Fail

Text on black

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