#097786

#097786

Color Values

HEX

#097786

RGB

9, 119, 134

HSL

187.2, 87.4%, 28.0%

HSV

187.2, 93.3%, 52.5%

CMYK

93.3%, 11.2%, 0.0%, 47.5%

OKLCH

0.5225 0.0886 210.4

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#097786

#861809

Analogous

#098656

#093886

#097786

Triadic

#097786

#860977

#778609

Split Complementary

#097786

#860938

#865609

Tetradic

#097786

#560986

#861809

#388609

Color Blindness Simulation

Original

#097786

Protanopia

#393A82

Deuteranopia

#322A82

Tritanopia

#0E807F

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E0F7FA
200
#BCF3FB
300
#8CEAF7
400
#4EDFF3
500
#10D4EF
600
#0DAABF
700
#0A8899
800
#086A77
900
#0A4D57
950
#073137

Contrast Checker

Text on white

5.26:1

AA Pass AAA Fail

Text on black

3.99:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026