#196f96 hex color

In a RGB color space, hex #196f96 is composed of 9.8% red, 43.5% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 83.3% cyan, 26% magenta, 0% yellow and 41.2% black. It has a hue angle of 198.7 degrees, a saturation of 71.4% and a lightness of 34.3%. #196f96 color hex could be obtained by blending #32deff with #00002d. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 10
- G 44
- B 59
RGB color chart
- C 83
- M 26
- Y 0
- K 41
CMYK color chart

● #196f96 color description : Dark blue.

The hexadecimal color #196f96 has RGB values of R:25, G:111, B:150 and CMYK values of C:0.83, M:0.26, Y:0, K:0.41. Its decimal value is 1666966.

Hex triplet	196f96	`#196f96`
RGB Decimal	25, 111, 150	`rgb(25,111,150)`
RGB Percent	9.8, 43.5, 58.8	`rgb(9.8%,43.5%,58.8%)`
CMYK	83, 26, 0, 41
HSL	198.7°, 71.4, 34.3	`hsl(198.7,71.4%,34.3%)`
HSV (or HSB)	198.7°, 83.3, 58.8
Web Safe	006699	`#006699`

CIE-LAB	43.911, -10.3, -28.137
XYZ	11.589, 13.777, 30.901
xyY	0.206, 0.245, 13.777
CIE-LCH	43.911, 29.963, 249.894
CIE-LUV	43.911, -27.832, -39.72
Hunter-Lab	37.117, -9.221, -23.379
Binary	00011001, 01101111, 10010110

#196f96
```
#196f96 rgb(25,111,150)
```
#964019
```
#964019 rgb(150,64,25)
```

Complementary Color

#19967f
```
#19967f rgb(25,150,127)
```
#196f96
```
#196f96 rgb(25,111,150)
```
#193196
```
#193196 rgb(25,49,150)
```

Analogous Color

#967f19
```
#967f19 rgb(150,127,25)
```
#196f96
```
#196f96 rgb(25,111,150)
```
#961930
```
#961930 rgb(150,25,48)
```

Split Complementary Color

#6f9619
```
#6f9619 rgb(111,150,25)
```
#196f96
```
#196f96 rgb(25,111,150)
```
#96196f
```
#96196f rgb(150,25,111)
```

Triadic Color

#199640
```
#199640 rgb(25,150,64)
```
#196f96
```
#196f96 rgb(25,111,150)
```
#96196f
```
#96196f rgb(150,25,111)
```
#964019
```
#964019 rgb(150,64,25)
```

Tetradic Color

#0e3e54
```
#0e3e54 rgb(14,62,84)
```
#124f6a
```
#124f6a rgb(18,79,106)
```
#155f80
```
#155f80 rgb(21,95,128)
```
#196f96
```
#196f96 rgb(25,111,150)
```
#1d7fac
```
#1d7fac rgb(29,127,172)
```
#208fc2
```
#208fc2 rgb(32,143,194)
```
#24a0d8
```
#24a0d8 rgb(36,160,216)
```

Monochromatic Color

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

#198e96
```
#198e96 rgb(25,142,150)
```
#198496
```
#198496 rgb(25,132,150)
```
#197996
```
#197996 rgb(25,121,150)
```
#196f96
```
#196f96 rgb(25,111,150)
```
#196596
```
#196596 rgb(25,101,150)
```
#195a96
```
#195a96 rgb(25,90,150)
```
#195096
```
#195096 rgb(25,80,150)
```

Similar Colors

Text with hexadecimal color #196f96

This text has a font color of #196f96.

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

#196f96 background color

This paragraph has a background color of #196f96.

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

#196f96 border color

This element has a border color of #196f96.

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

CSS codes

.text {color:#196f96;}

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

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

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, #030b0f is the darkest color, while #fefeff is the lightest one.

#030b0f
```
#030b0f rgb(3,11,15)
```
#051820
```
#051820 rgb(5,24,32)
```
#082431
```
#082431 rgb(8,36,49)
```
#0b3142
```
#0b3142 rgb(11,49,66)
```
#0e3d53
```
#0e3d53 rgb(14,61,83)
```
#114a64
```
#114a64 rgb(17,74,100)
```
#135674
```
#135674 rgb(19,86,116)
```
#166385
```
#166385 rgb(22,99,133)
```
#196f96
```
#196f96 rgb(25,111,150)
```
#1c7ba7
```
#1c7ba7 rgb(28,123,167)
```
#1f88b8
```
#1f88b8 rgb(31,136,184)
```
#2194c8
```
#2194c8 rgb(33,148,200)
```
#24a1d9
```
#24a1d9 rgb(36,161,217)
```

Shade Color Variation

#34a8dd
```
#34a8dd rgb(52,168,221)
```
#45b0e0
```
#45b0e0 rgb(69,176,224)
```
#56b7e3
```
#56b7e3 rgb(86,183,227)
```
#66bee6
```
#66bee6 rgb(102,190,230)
```
#77c5e8
```
#77c5e8 rgb(119,197,232)
```
#88cceb
```
#88cceb rgb(136,204,235)
```
#99d3ee
```
#99d3ee rgb(153,211,238)
```
#aadbf1
```
#aadbf1 rgb(170,219,241)
```
#bae2f4
```
#bae2f4 rgb(186,226,244)
```
#cbe9f6
```
#cbe9f6 rgb(203,233,246)
```
#dcf0f9
```
#dcf0f9 rgb(220,240,249)
```
#edf7fc
```
#edf7fc rgb(237,247,252)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #565859 is the less saturated color, while #0577aa is the most saturated one.

#565859
```
#565859 rgb(86,88,89)
```
#4f5b60
```
#4f5b60 rgb(79,91,96)
```
#485d67
```
#485d67 rgb(72,93,103)
```
#41606e
```
#41606e rgb(65,96,110)
```
#3b6274
```
#3b6274 rgb(59,98,116)
```
#34657b
```
#34657b rgb(52,101,123)
```
#2d6782
```
#2d6782 rgb(45,103,130)
```
#266a89
```
#266a89 rgb(38,106,137)
```
#206c8f
```
#206c8f rgb(32,108,143)
```
#196f96
```
#196f96 rgb(25,111,150)
```
#12729d
```
#12729d rgb(18,114,157)
```
#0c74a3
```
#0c74a3 rgb(12,116,163)
```
#0577aa
```
#0577aa rgb(5,119,170)
```

Tone Color Variation

Below, you can see how #196f96 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

#5a5a5a Achromatopsia 0.005% of the population
#4d5e66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#636e95 Protanopia 1% of men
#5a6f9e Deuteranopia 1% of men
#007a83 Tritanopia 0.001% of the population

Trichromacy

#486e95 Protanomaly 1% of men, 0.01% of women
#426f9b Deuteranomaly 6% of men, 0.4% of women
#09768a Tritanomaly 0.01% of the population

#196f96 hex color

#196f96 Color Information

#196f96 Color Conversion

Color Schemes with #196f96

Alternatives to #196f96

#196f96 Preview

Shades and Tints of #196f96

Tones of #196f96

Color Blindness Simulator