#097F8D

#097F8D

Color Values

HEX

#097F8D

RGB

9, 127, 141

HSL

186.4, 88.0%, 29.4%

HSV

186.4, 93.6%, 55.3%

CMYK

93.6%, 9.9%, 0.0%, 44.7%

OKLCH

0.5465 0.0924 208.5

Properties

Cool Dark Nearest: turquoise 4

Color Harmonies

Complementary

#097F8D

#8D1709

Analogous

#098D59

#093D8D

#097F8D

Triadic

#097F8D

#8D097F

#7F8D09

Split Complementary

#097F8D

#8D093D

#8D5909

Tetradic

#097F8D

#59098D

#8D1709

#3D8D09

Color Blindness Simulation

Original

#097F8D

Protanopia

#3C3D8A

Deuteranopia

#352C89

Tritanopia

#0F8786

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E0F8FB
200
#BCF4FB
300
#8CECF8
400
#4EE2F4
500
#0FD8F0
600
#0CADC0
700
#0A8A99
800
#086C78
900
#0A4F57
950
#063237

Contrast Checker

Text on white

4.74:1

AA Pass AAA Fail

Text on black

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