#196ca0 hex color

In a RGB color space, hex #196ca0 is composed of 9.8% red, 42.4% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 84.4% cyan, 32.5% magenta, 0% yellow and 37.3% black. It has a hue angle of 203.1 degrees, a saturation of 73% and a lightness of 36.3%. #196ca0 color hex could be obtained by blending #32d8ff with #000041. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 10
- G 42
- B 63
RGB color chart
- C 84
- M 33
- Y 0
- K 37
CMYK color chart

● #196ca0 color description : Dark blue.

The hexadecimal color #196ca0 has RGB values of R:25, G:108, B:160 and CMYK values of C:0.84, M:0.33, Y:0, K:0.37. Its decimal value is 1666208.

Hex triplet	196ca0	`#196ca0`
RGB Decimal	25, 108, 160	`rgb(25,108,160)`
RGB Percent	9.8, 42.4, 62.7	`rgb(9.8%,42.4%,62.7%)`
CMYK	84, 33, 0, 37
HSL	203.1°, 73, 36.3	`hsl(203.1,73%,36.3%)`
HSV (or HSB)	203.1°, 84.4, 62.7
Web Safe	006699	`#006699`

CIE-LAB	43.461, -4.722, -34.767
XYZ	12.107, 13.469, 35.217
xyY	0.199, 0.222, 13.469
CIE-LCH	43.461, 35.087, 262.266
CIE-LUV	43.461, -26.217, -50.442
Hunter-Lab	36.7, -5.339, -31.205
Binary	00011001, 01101100, 10100000

#196ca0
```
#196ca0 rgb(25,108,160)
```
#a04d19
```
#a04d19 rgb(160,77,25)
```

Complementary Color

#19a091
```
#19a091 rgb(25,160,145)
```
#196ca0
```
#196ca0 rgb(25,108,160)
```
#1929a0
```
#1929a0 rgb(25,41,160)
```

Analogous Color

#a09119
```
#a09119 rgb(160,145,25)
```
#196ca0
```
#196ca0 rgb(25,108,160)
```
#a01929
```
#a01929 rgb(160,25,41)
```

Split Complementary Color

#6ca019
```
#6ca019 rgb(108,160,25)
```
#196ca0
```
#196ca0 rgb(25,108,160)
```
#a0196c
```
#a0196c rgb(160,25,108)
```

Triadic Color

#19a04d
```
#19a04d rgb(25,160,77)
```
#196ca0
```
#196ca0 rgb(25,108,160)
```
#a0196c
```
#a0196c rgb(160,25,108)
```
#a04d19
```
#a04d19 rgb(160,77,25)
```

Tetradic Color

#0f3f5e
```
#0f3f5e rgb(15,63,94)
```
#124e74
```
#124e74 rgb(18,78,116)
```
#165d8a
```
#165d8a rgb(22,93,138)
```
#196ca0
```
#196ca0 rgb(25,108,160)
```
#1c7bb6
```
#1c7bb6 rgb(28,123,182)
```
#208acc
```
#208acc rgb(32,138,204)
```
#2898dd
```
#2898dd rgb(40,152,221)
```

Monochromatic Color

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

#198ea0
```
#198ea0 rgb(25,142,160)
```
#1983a0
```
#1983a0 rgb(25,131,160)
```
#1977a0
```
#1977a0 rgb(25,119,160)
```
#196ca0
```
#196ca0 rgb(25,108,160)
```
#1961a0
```
#1961a0 rgb(25,97,160)
```
#1956a0
```
#1956a0 rgb(25,86,160)
```
#194aa0
```
#194aa0 rgb(25,74,160)
```

Similar Colors

Text with hexadecimal color #196ca0

This text has a font color of #196ca0.

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

#196ca0 background color

This paragraph has a background color of #196ca0.

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

#196ca0 border color

This element has a border color of #196ca0.

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

CSS codes

.text {color:#196ca0;}

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

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

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, #010507 is the darkest color, while #f5fafd is the lightest one.

#010507
```
#010507 rgb(1,5,7)
```
#041018
```
#041018 rgb(4,16,24)
```
#061c29
```
#061c29 rgb(6,28,41)
```
#09273a
```
#09273a rgb(9,39,58)
```
#0c334b
```
#0c334b rgb(12,51,75)
```
#0e3e5c
```
#0e3e5c rgb(14,62,92)
```
#114a6d
```
#114a6d rgb(17,74,109)
```
#14557e
```
#14557e rgb(20,85,126)
```
#16618f
```
#16618f rgb(22,97,143)
```
#196ca0
```
#196ca0 rgb(25,108,160)
```
#1c77b1
```
#1c77b1 rgb(28,119,177)
```
#1e83c2
```
#1e83c2 rgb(30,131,194)
```
#218ed3
```
#218ed3 rgb(33,142,211)
```

Shade Color Variation

#2a98de
```
#2a98de rgb(42,152,222)
```
#3ba1e0
```
#3ba1e0 rgb(59,161,224)
```
#4ca9e3
```
#4ca9e3 rgb(76,169,227)
```
#5db1e6
```
#5db1e6 rgb(93,177,230)
```
#6eb9e8
```
#6eb9e8 rgb(110,185,232)
```
#7fc1eb
```
#7fc1eb rgb(127,193,235)
```
#90c9ee
```
#90c9ee rgb(144,201,238)
```
#a1d2f0
```
#a1d2f0 rgb(161,210,240)
```
#b1daf3
```
#b1daf3 rgb(177,218,243)
```
#c2e2f6
```
#c2e2f6 rgb(194,226,246)
```
#d3eaf8
```
#d3eaf8 rgb(211,234,248)
```
#e4f2fb
```
#e4f2fb rgb(228,242,251)
```
#f5fafd
```
#f5fafd rgb(245,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #595d60 is the less saturated color, while #0471b5 is the most saturated one.

#595d60
```
#595d60 rgb(89,93,96)
```
#525f67
```
#525f67 rgb(82,95,103)
```
#4b616e
```
#4b616e rgb(75,97,110)
```
#446275
```
#446275 rgb(68,98,117)
```
#3d647c
```
#3d647c rgb(61,100,124)
```
#356584
```
#356584 rgb(53,101,132)
```
#2e678b
```
#2e678b rgb(46,103,139)
```
#276992
```
#276992 rgb(39,105,146)
```
#206a99
```
#206a99 rgb(32,106,153)
```
#196ca0
```
#196ca0 rgb(25,108,160)
```
#126ea7
```
#126ea7 rgb(18,110,167)
```
#0b6fae
```
#0b6fae rgb(11,111,174)
```
#0471b5
```
#0471b5 rgb(4,113,181)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#4c5d67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b6c9f Protanopia 1% of men
#4c6ea7 Deuteranopia 1% of men
#007981 Tritanopia 0.001% of the population

Trichromacy

#436c9f Protanomaly 1% of men, 0.01% of women
#3a6da4 Deuteranomaly 6% of men, 0.4% of women
#09748c Tritanomaly 0.01% of the population

#196ca0 hex color

#196ca0 Color Information

#196ca0 Color Conversion

Color Schemes with #196ca0

Alternatives to #196ca0

#196ca0 Preview

Shades and Tints of #196ca0

Tones of #196ca0

Color Blindness Simulator