#196F76

#196F76

Color Values

HEX

#196F76

RGB

25, 111, 118

HSL

184.5, 65.0%, 28.0%

HSV

184.5, 78.8%, 46.3%

CMYK

78.8%, 5.9%, 0.0%, 53.7%

OKLCH

0.4968 0.0774 203.3

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#196F76

#762019

Analogous

#19764E

#194076

#196F76

Triadic

#196F76

#76196F

#6F7619

Split Complementary

#196F76

#761940

#764E19

Tetradic

#196F76

#4E1976

#762019

#407619

Color Blindness Simulation

Original

#196F76

Protanopia

#3E3F74

Deuteranopia

#393374

Tritanopia

#1D7373

Achromatopsia

#5D5D5D

CSS Usage

background-color: #196F76;
color: #196F76;
border-color: #196F76;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F3FBFC
100
#E3F6F7
200
#C4EFF3
300
#9AE4EA
400
#63D5DE
500
#2DC6D2
600
#249EA8
700
#1D7F87
800
#166369
900
#14494D
950
#0D2E31

Contrast Checker

Text on white

5.87:1

AA Pass AAA Fail

Text on black

3.58:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026