#097B80

#097B80

Color Values

HEX

#097B80

RGB

9, 123, 128

HSL

182.5, 86.9%, 26.9%

HSV

182.5, 93.0%, 50.2%

CMYK

93.0%, 3.9%, 0.0%, 49.8%

OKLCH

0.5306 0.0884 199.9

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#097B80

#800E09

Analogous

#09804A

#094080

#097B80

Triadic

#097B80

#80097B

#7B8009

Split Complementary

#097B80

#800940

#804A09

Tetradic

#097B80

#4A0980

#800E09

#408009

Color Blindness Simulation

Original

#097B80

Protanopia

#3A3B7F

Deuteranopia

#342B7E

Tritanopia

#0F7E7E

Achromatopsia

#636363

CSS Usage

background-color: #097B80;
color: #097B80;
border-color: #097B80;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F2FDFD
100
#E0F9FA
200
#BCF8FA
300
#8DF3F7
400
#4FECF3
500
#11E5EE
600
#0DB7BF
700
#0B9399
800
#087377
900
#0B5356
950
#073537

Contrast Checker

Text on white

5.05:1

AA Pass AAA Fail

Text on black

4.16:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026