#196d86 hex color

In a RGB color space, hex #196d86 is composed of 9.8% red, 42.7% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 81.3% cyan, 18.7% magenta, 0% yellow and 47.5% black. It has a hue angle of 193.8 degrees, a saturation of 68.6% and a lightness of 31.2%. #196d86 color hex could be obtained by blending #32daff with #00000d. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 10
- G 43
- B 53
RGB color chart
- C 81
- M 19
- Y 0
- K 47
CMYK color chart

● #196d86 color description : Dark cyan.

The hexadecimal color #196d86 has RGB values of R:25, G:109, B:134 and CMYK values of C:0.81, M:0.19, Y:0, K:0.47. Its decimal value is 1666438.

Hex triplet	196d86	`#196d86`
RGB Decimal	25, 109, 134	`rgb(25,109,134)`
RGB Percent	9.8, 42.7, 52.5	`rgb(9.8%,42.7%,52.5%)`
CMYK	81, 19, 0, 47
HSL	193.8°, 68.6, 31.2	`hsl(193.8,68.6%,31.2%)`
HSV (or HSB)	193.8°, 81.3, 52.5
Web Safe	006699	`#006699`

CIE-LAB	42.558, -15.021, -20.684
XYZ	10.171, 12.864, 24.5
xyY	0.214, 0.271, 12.864
CIE-LCH	42.558, 25.563, 234.012
CIE-LUV	42.558, -28.086, -27.559
Hunter-Lab	35.867, -12.146, -15.393
Binary	00011001, 01101101, 10000110

#196d86
```
#196d86 rgb(25,109,134)
```
#863219
```
#863219 rgb(134,50,25)
```

Complementary Color

#198669
```
#198669 rgb(25,134,105)
```
#196d86
```
#196d86 rgb(25,109,134)
```
#193786
```
#193786 rgb(25,55,134)
```

Analogous Color

#866919
```
#866919 rgb(134,105,25)
```
#196d86
```
#196d86 rgb(25,109,134)
```
#861937
```
#861937 rgb(134,25,55)
```

Split Complementary Color

#6d8619
```
#6d8619 rgb(109,134,25)
```
#196d86
```
#196d86 rgb(25,109,134)
```
#86196d
```
#86196d rgb(134,25,109)
```

Triadic Color

#198632
```
#198632 rgb(25,134,50)
```
#196d86
```
#196d86 rgb(25,109,134)
```
#86196d
```
#86196d rgb(134,25,109)
```
#863219
```
#863219 rgb(134,50,25)
```

Tetradic Color

#0d3946
```
#0d3946 rgb(13,57,70)
```
#114a5b
```
#114a5b rgb(17,74,91)
```
#155c71
```
#155c71 rgb(21,92,113)
```
#196d86
```
#196d86 rgb(25,109,134)
```
#1d7e9b
```
#1d7e9b rgb(29,126,155)
```
#2190b1
```
#2190b1 rgb(33,144,177)
```
#25a1c6
```
#25a1c6 rgb(37,161,198)
```

Monochromatic Color

Below, you can see some colors close to #196d86. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#198684
```
#198684 rgb(25,134,132)
```
#197f86
```
#197f86 rgb(25,127,134)
```
#197686
```
#197686 rgb(25,118,134)
```
#196d86
```
#196d86 rgb(25,109,134)
```
#196486
```
#196486 rgb(25,100,134)
```
#195b86
```
#195b86 rgb(25,91,134)
```
#195286
```
#195286 rgb(25,82,134)
```

Similar Colors

Text with hexadecimal color #196d86

This text has a font color of #196d86.

<span style="color:#196d86;">Text here</span>

#196d86 background color

This paragraph has a background color of #196d86.

<p style="background-color:#196d86;">Content here</p>

#196d86 border color

This element has a border color of #196d86.

<div style="border:1px solid #196d86;">Content here</div>

CSS codes

.text {color:#196d86;}

.background {background-color:#196d86;}

.border {border:1px solid #196d86;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #000102 is the darkest color, while #f0f9fc is the lightest one.

#000102
```
#000102 rgb(0,1,2)
```
#030f12
```
#030f12 rgb(3,15,18)
```
#061c23
```
#061c23 rgb(6,28,35)
```
#0a2a33
```
#0a2a33 rgb(10,42,51)
```
#0d3744
```
#0d3744 rgb(13,55,68)
```
#104554
```
#104554 rgb(16,69,84)
```
#135265
```
#135265 rgb(19,82,101)
```
#166075
```
#166075 rgb(22,96,117)
```
#196d86
```
#196d86 rgb(25,109,134)
```
#1c7a97
```
#1c7a97 rgb(28,122,151)
```
#1f88a7
```
#1f88a7 rgb(31,136,167)
```
#2295b8
```
#2295b8 rgb(34,149,184)
```
#25a3c8
```
#25a3c8 rgb(37,163,200)
```

Shade Color Variation

#2aafd7
```
#2aafd7 rgb(42,175,215)
```
#3ab6da
```
#3ab6da rgb(58,182,218)
```
#4bbcdd
```
#4bbcdd rgb(75,188,221)
```
#5bc2e0
```
#5bc2e0 rgb(91,194,224)
```
#6cc8e4
```
#6cc8e4 rgb(108,200,228)
```
#7dcee7
```
#7dcee7 rgb(125,206,231)
```
#8dd4ea
```
#8dd4ea rgb(141,212,234)
```
#9edbed
```
#9edbed rgb(158,219,237)
```
#aee1f0
```
#aee1f0 rgb(174,225,240)
```
#bfe7f3
```
#bfe7f3 rgb(191,231,243)
```
#cfedf6
```
#cfedf6 rgb(207,237,246)
```
#e0f3f9
```
#e0f3f9 rgb(224,243,249)
```
#f0f9fc
```
#f0f9fc rgb(240,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4a5355 is the less saturated color, while #017a9e is the most saturated one.

#4a5355
```
#4a5355 rgb(74,83,85)
```
#44565b
```
#44565b rgb(68,86,91)
```
#3e5961
```
#3e5961 rgb(62,89,97)
```
#385c67
```
#385c67 rgb(56,92,103)
```
#31606e
```
#31606e rgb(49,96,110)
```
#2b6374
```
#2b6374 rgb(43,99,116)
```
#25667a
```
#25667a rgb(37,102,122)
```
#1f6a80
```
#1f6a80 rgb(31,106,128)
```
#196d86
```
#196d86 rgb(25,109,134)
```
#13708c
```
#13708c rgb(19,112,140)
```
#0d7492
```
#0d7492 rgb(13,116,146)
```
#077798
```
#077798 rgb(7,119,152)
```
#017a9e
```
#017a9e rgb(1,122,158)
```

Tone Color Variation

Below, you can see how #196d86 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#575757 Achromatopsia 0.005% of the population
#4b5b60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#656b86 Protanopia 1% of men
#616b90 Deuteranopia 1% of men
#0f767f Tritanopia 0.001% of the population

Trichromacy

#496c86 Protanomaly 1% of men, 0.01% of women
#466b8c Deuteranomaly 6% of men, 0.4% of women
#137381 Tritanomaly 0.01% of the population

#196d86 hex color

#196d86 Color Information

#196d86 Color Conversion

Color Schemes with #196d86

Alternatives to #196d86

#196d86 Preview

Shades and Tints of #196d86

Tones of #196d86

Color Blindness Simulator