#198F86

#198F86

Color Values

HEX

#198F86

RGB

25, 143, 134

HSL

175.4, 70.2%, 32.9%

HSV

175.4, 82.5%, 56.1%

CMYK

82.5%, 0.0%, 6.3%, 43.9%

OKLCH

0.5878 0.0975 186.8

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#198F86

#8F1922

Analogous

#198F4B

#195D8F

#198F86

Triadic

#198F86

#86198F

#8F8619

Split Complementary

#198F86

#8F195D

#8F4B19

Tetradic

#198F86

#4B198F

#8F1922

#5D8F19

Color Blindness Simulation

Original

#198F86

Protanopia

#4C4D88

Deuteranopia

#453C89

Tritanopia

#1F8A8A

Achromatopsia

#757575

CSS Usage

background-color: #198F86;
color: #198F86;
border-color: #198F86;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F3FCFB
100
#E2F8F6
200
#C2F4F1
300
#97EDE6
400
#5EE3D9
500
#26D9CB
600
#1EAEA3
700
#188B82
800
#136D66
900
#124F4A
950
#0B322F

Contrast Checker

Text on white

3.95:1

AA Fail AAA Fail

Text on black

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