#198288

#198288

Color Values

HEX

#198288

RGB

25, 130, 136

HSL

183.2, 68.9%, 31.6%

HSV

183.2, 81.6%, 53.3%

CMYK

81.6%, 4.4%, 0.0%, 46.7%

OKLCH

0.5543 0.0885 201.0

Properties

Cool Light Nearest: turquoise 4

Color Harmonies

Complementary

#198288

#881F19

Analogous

#198857

#194B88

#198288

Triadic

#198288

#881982

#828819

Split Complementary

#198288

#88194B

#885719

Tetradic

#198288

#571988

#881F19

#4B8819

Color Blindness Simulation

Original

#198288

Protanopia

#464787

Deuteranopia

#403886

Tritanopia

#1E8585

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F3FBFC
100
#E3F6F8
200
#C3F1F4
300
#98E7EC
400
#60DBE2
500
#28CED7
600
#20A5AC
700
#19848A
800
#14676C
900
#124B4E
950
#0C3032

Contrast Checker

Text on white

4.58:1

AA Pass AAA Fail

Text on black

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