#197266

#197266

Color Values

HEX

#197266

RGB

25, 114, 102

HSL

171.9, 64.0%, 27.3%

HSV

171.9, 78.1%, 44.7%

CMYK

78.1%, 0.0%, 10.5%, 55.3%

OKLCH

0.4989 0.0822 181.6

Properties

Cool Dark Nearest: Pine Green

Color Harmonies

Complementary

#197266

#721925

Analogous

#19723A

#195272

#197266

Triadic

#197266

#661972

#726619

Split Complementary

#197266

#721952

#723A19

Tetradic

#197266

#3A1972

#721925

#527219

Color Blindness Simulation

Original

#197266

Protanopia

#404069

Deuteranopia

#3A346A

Tritanopia

#1D6B6C

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#F3FCFA
100
#E3F7F4
200
#C4F2EC
300
#9BE9DE
400
#64DDCD
500
#2ED1BB
600
#25A796
700
#1D8678
800
#17695E
900
#154C45
950
#0D302B

Contrast Checker

Text on white

5.77:1

AA Pass AAA Fail

Text on black

3.64:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026