#198F85

#198F85

Color Values

HEX

#198F85

RGB

25, 143, 133

HSL

174.9, 70.2%, 32.9%

HSV

174.9, 82.5%, 56.1%

CMYK

82.5%, 0.0%, 7.0%, 43.9%

OKLCH

0.5874 0.0978 185.9

Properties

Cool Light Nearest: Pine Green

Color Harmonies

Complementary

#198F85

#8F1923

Analogous

#198F4A

#195E8F

#198F85

Triadic

#198F85

#85198F

#8F8519

Split Complementary

#198F85

#8F195E

#8F4A19

Tetradic

#198F85

#4A198F

#8F1923

#5E8F19

Color Blindness Simulation

Original

#198F85

Protanopia

#4C4D87

Deuteranopia

#453C88

Tritanopia

#1F898A

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F3FCFB
100
#E2F8F6
200
#C2F4F0
300
#97EDE5
400
#5EE3D8
500
#26D9CA
600
#1EAEA1
700
#188B81
800
#136D65
900
#124F4A
950
#0B322F

Contrast Checker

Text on white

3.96:1

AA Fail AAA Fail

Text on black

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