#198F8C

#198F8C

Color Values

HEX

#198F8C

RGB

25, 143, 140

HSL

178.5, 70.2%, 32.9%

HSV

178.5, 82.5%, 56.1%

CMYK

82.5%, 0.0%, 2.1%, 43.9%

OKLCH

0.5899 0.0961 192.1

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#198F8C

#8F191C

Analogous

#198F51

#19578F

#198F8C

Triadic

#198F8C

#8C198F

#8F8C19

Split Complementary

#198F8C

#8F1957

#8F5119

Tetradic

#198F8C

#51198F

#8F191C

#578F19

Color Blindness Simulation

Original

#198F8C

Protanopia

#4C4D8D

Deuteranopia

#453C8D

Tritanopia

#1F8D8D

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#F3FCFC
100
#E2F8F7
200
#C2F4F3
300
#97EDEB
400
#5EE3E0
500
#26D9D5
600
#1EAEAA
700
#188B88
800
#136D6A
900
#124F4E
950
#0B3231

Contrast Checker

Text on white

3.93:1

AA Fail AAA Fail

Text on black

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