#098384

#098384

Color Values

HEX

#098384

RGB

9, 131, 132

HSL

180.5, 87.2%, 27.6%

HSV

180.5, 93.2%, 51.8%

CMYK

93.2%, 0.8%, 0.0%, 48.2%

OKLCH

0.5534 0.0927 195.8

Properties

Cool Light Nearest: teal

Color Harmonies

Complementary

#098384

#840A09

Analogous

#098447

#094584

#098384

Triadic

#098384

#840983

#838409

Split Complementary

#098384

#840945

#844709

Tetradic

#098384

#470984

#840A09

#458409

Color Blindness Simulation

Original

#098384

Protanopia

#3E3F84

Deuteranopia

#372E84

Tritanopia

#0F8484

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#F2FDFD
100
#E0FAFA
200
#BCFAFA
300
#8CF6F7
400
#4EF2F3
500
#10EDEF
600
#0DBDBF
700
#0A9899
800
#087677
900
#0A5656
950
#073637

Contrast Checker

Text on white

4.57:1

AA Pass AAA Fail

Text on black

4.59:1

AA Pass 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