#098594

#098594

Color Values

HEX

#098594

RGB

9, 133, 148

HSL

186.5, 88.5%, 30.8%

HSV

186.5, 93.9%, 58.0%

CMYK

93.9%, 10.1%, 0.0%, 42.0%

OKLCH

0.5651 0.0958 208.9

Properties

Cool Light Nearest: NCS S 1060-B30G Teal

Color Harmonies

Complementary

#098594

#941809

Analogous

#09945E

#093F94

#098594

Triadic

#098594

#940985

#859409

Split Complementary

#098594

#94093F

#945E09

Tetradic

#098594

#5E0994

#941809

#3F9409

Color Blindness Simulation

Original

#098594

Protanopia

#3F4090

Deuteranopia

#382E90

Tritanopia

#0F8E8D

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E0F8FB
200
#BCF4FB
300
#8CECF8
400
#4DE2F4
500
#0FD8F0
600
#0CADC0
700
#098A9A
800
#076C78
900
#0A4F57
950
#063237

Contrast Checker

Text on white

4.38:1

AA Fail AAA Fail

Text on black

4.79:1

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