#197F7D

#197F7D

Color Values

HEX

#197F7D

RGB

25, 127, 125

HSL

178.8, 67.1%, 29.8%

HSV

178.8, 80.3%, 49.8%

CMYK

80.3%, 0.0%, 1.6%, 50.2%

OKLCH

0.5422 0.0869 192.8

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#197F7D

#7F191B

Analogous

#197F4A

#194E7F

#197F7D

Triadic

#197F7D

#7D197F

#7F7D19

Split Complementary

#197F7D

#7F194E

#7F4A19

Tetradic

#197F7D

#4A197F

#7F191B

#4E7F19

Color Blindness Simulation

Original

#197F7D

Protanopia

#45467D

Deuteranopia

#3F387E

Tritanopia

#1E7E7E

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#F3FCFC
100
#E3F7F7
200
#C3F3F2
300
#99EBE9
400
#61E0DD
500
#2AD5D2
600
#22AAA8
700
#1B8886
800
#156B69
900
#134E4D
950
#0C3130

Contrast Checker

Text on white

4.8:1

AA Pass AAA Fail

Text on black

4.37:1

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