#097382

#097382

Color Values

HEX

#097382

RGB

9, 115, 130

HSL

187.4, 87.1%, 27.3%

HSV

187.4, 93.1%, 51.0%

CMYK

93.1%, 11.5%, 0.0%, 49.0%

OKLCH

0.5101 0.0865 210.8

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#097382

#821809

Analogous

#098255

#093782

#097382

Triadic

#097382

#820973

#738209

Split Complementary

#097382

#820937

#825509

Tetradic

#097382

#550982

#821809

#378209

Color Blindness Simulation

Original

#097382

Protanopia

#37387E

Deuteranopia

#31297E

Tritanopia

#0E7C7B

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E0F7FA
200
#BCF3FA
300
#8CEAF7
400
#4EDFF3
500
#10D3EF
600
#0DA9BF
700
#0B8799
800
#086A77
900
#0A4D56
950
#073137

Contrast Checker

Text on white

5.55:1

AA Pass AAA Fail

Text on black

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