#097284

#097284

Color Values

HEX

#097284

RGB

9, 114, 132

HSL

188.8, 87.2%, 27.6%

HSV

188.8, 93.2%, 51.8%

CMYK

93.2%, 13.6%, 0.0%, 48.2%

OKLCH

0.5084 0.0873 214.0

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#097284

#841B09

Analogous

#098458

#093484

#097284

Triadic

#097284

#840972

#728409

Split Complementary

#097284

#840934

#845809

Tetradic

#097284

#580984

#841B09

#348409

Color Blindness Simulation

Original

#097284

Protanopia

#363780

Deuteranopia

#30287F

Tritanopia

#0E7C7B

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#F2FBFD
100
#E0F6FA
200
#BCF1FA
300
#8CE8F7
400
#4EDBF3
500
#10CEEF
600
#0DA5BF
700
#0A8499
800
#086777
900
#0A4B56
950
#073037

Contrast Checker

Text on white

5.6:1

AA Pass AAA Fail

Text on black

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