#196ca7 hex color

In a RGB color space, hex #196ca7 is composed of 9.8% red, 42.4% green and 65.5% blue. Whereas in a CMYK color space, it is composed of 85% cyan, 35.3% magenta, 0% yellow and 34.5% black. It has a hue angle of 204.9 degrees, a saturation of 74% and a lightness of 37.6%. #196ca7 color hex could be obtained by blending #32d8ff with #00004f. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 10
- G 42
- B 65
RGB color chart
- C 85
- M 35
- Y 0
- K 35
CMYK color chart

● #196ca7 color description : Dark blue.

The hexadecimal color #196ca7 has RGB values of R:25, G:108, B:167 and CMYK values of C:0.85, M:0.35, Y:0, K:0.35. Its decimal value is 1666215.

Hex triplet	196ca7	`#196ca7`
RGB Decimal	25, 108, 167	`rgb(25,108,167)`
RGB Percent	9.8, 42.4, 65.5	`rgb(9.8%,42.4%,65.5%)`
CMYK	85, 35, 0, 35
HSL	204.9°, 74, 37.6	`hsl(204.9,74%,37.6%)`
HSV (or HSB)	204.9°, 85, 65.5
Web Safe	006699	`#006699`

CIE-LAB	43.83, -2.021, -38.314
XYZ	12.737, 13.721, 38.534
xyY	0.196, 0.211, 13.721
CIE-LCH	43.83, 38.367, 266.98
CIE-LUV	43.83, -25.852, -56.285
Hunter-Lab	37.041, -3.445, -35.75
Binary	00011001, 01101100, 10100111

#196ca7
```
#196ca7 rgb(25,108,167)
```
#a75419
```
#a75419 rgb(167,84,25)
```

Complementary Color

#19a79b
```
#19a79b rgb(25,167,155)
```
#196ca7
```
#196ca7 rgb(25,108,167)
```
#1925a7
```
#1925a7 rgb(25,37,167)
```

Analogous Color

#a79b19
```
#a79b19 rgb(167,155,25)
```
#196ca7
```
#196ca7 rgb(25,108,167)
```
#a71925
```
#a71925 rgb(167,25,37)
```

Split Complementary Color

#6ca719
```
#6ca719 rgb(108,167,25)
```
#196ca7
```
#196ca7 rgb(25,108,167)
```
#a7196c
```
#a7196c rgb(167,25,108)
```

Triadic Color

#19a754
```
#19a754 rgb(25,167,84)
```
#196ca7
```
#196ca7 rgb(25,108,167)
```
#a7196c
```
#a7196c rgb(167,25,108)
```
#a75419
```
#a75419 rgb(167,84,25)
```

Tetradic Color

#0f4164
```
#0f4164 rgb(15,65,100)
```
#124f7b
```
#124f7b rgb(18,79,123)
```
#165e91
```
#165e91 rgb(22,94,145)
```
#196ca7
```
#196ca7 rgb(25,108,167)
```
#1c7abd
```
#1c7abd rgb(28,122,189)
```
#2089d3
```
#2089d3 rgb(32,137,211)
```
#2d95e0
```
#2d95e0 rgb(45,149,224)
```

Monochromatic Color

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

#1990a7
```
#1990a7 rgb(25,144,167)
```
#1984a7
```
#1984a7 rgb(25,132,167)
```
#1978a7
```
#1978a7 rgb(25,120,167)
```
#196ca7
```
#196ca7 rgb(25,108,167)
```
#1960a7
```
#1960a7 rgb(25,96,167)
```
#1954a7
```
#1954a7 rgb(25,84,167)
```
#1949a7
```
#1949a7 rgb(25,73,167)
```

Similar Colors

Text with hexadecimal color #196ca7

This text has a font color of #196ca7.

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

#196ca7 background color

This paragraph has a background color of #196ca7.

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

#196ca7 border color

This element has a border color of #196ca7.

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

CSS codes

.text {color:#196ca7;}

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

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

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, #02090d is the darkest color, while #fbfdfe is the lightest one.

#02090d
```
#02090d rgb(2,9,13)
```
#05141f
```
#05141f rgb(5,20,31)
```
#071f30
```
#071f30 rgb(7,31,48)
```
#0a2a41
```
#0a2a41 rgb(10,42,65)
```
#0c3552
```
#0c3552 rgb(12,53,82)
```
#0f4063
```
#0f4063 rgb(15,64,99)
```
#114b74
```
#114b74 rgb(17,75,116)
```
#145685
```
#145685 rgb(20,86,133)
```
#166196
```
#166196 rgb(22,97,150)
```
#196ca7
```
#196ca7 rgb(25,108,167)
```
#1c77b8
```
#1c77b8 rgb(28,119,184)
```
#1e82c9
```
#1e82c9 rgb(30,130,201)
```
#218dda
```
#218dda rgb(33,141,218)
```

Shade Color Variation

#2f96e0
```
#2f96e0 rgb(47,150,224)
```
#409fe2
```
#409fe2 rgb(64,159,226)
```
#51a7e5
```
#51a7e5 rgb(81,167,229)
```
#62b0e7
```
#62b0e7 rgb(98,176,231)
```
#73b9ea
```
#73b9ea rgb(115,185,234)
```
#84c1ed
```
#84c1ed rgb(132,193,237)
```
#95caef
```
#95caef rgb(149,202,239)
```
#a6d2f2
```
#a6d2f2 rgb(166,210,242)
```
#b7dbf4
```
#b7dbf4 rgb(183,219,244)
```
#c8e3f7
```
#c8e3f7 rgb(200,227,247)
```
#d9ecf9
```
#d9ecf9 rgb(217,236,249)
```
#eaf5fc
```
#eaf5fc rgb(234,245,252)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5b6165 is the less saturated color, while #0370bd is the most saturated one.

#5b6165
```
#5b6165 rgb(91,97,101)
```
#54626c
```
#54626c rgb(84,98,108)
```
#4d6373
```
#4d6373 rgb(77,99,115)
```
#45657b
```
#45657b rgb(69,101,123)
```
#3e6682
```
#3e6682 rgb(62,102,130)
```
#376789
```
#376789 rgb(55,103,137)
```
#2f6891
```
#2f6891 rgb(47,104,145)
```
#286a98
```
#286a98 rgb(40,106,152)
```
#206ba0
```
#206ba0 rgb(32,107,160)
```
#196ca7
```
#196ca7 rgb(25,108,167)
```
#126dae
```
#126dae rgb(18,109,174)
```
#0a6eb6
```
#0a6eb6 rgb(10,110,182)
```
#0370bd
```
#0370bd rgb(3,112,189)
```

Tone Color Variation

Below, you can see how #196ca7 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
#4d5e69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#586da6 Protanopia 1% of men
#456fad Deuteranopia 1% of men
#007a82 Tritanopia 0.001% of the population

Trichromacy

#416da6 Protanomaly 1% of men, 0.01% of women
#356eaa Deuteranomaly 6% of men, 0.4% of women
#09758f Tritanomaly 0.01% of the population

#196ca7 hex color

#196ca7 Color Information

#196ca7 Color Conversion

Color Schemes with #196ca7

Alternatives to #196ca7

#196ca7 Preview

Shades and Tints of #196ca7

Tones of #196ca7

Color Blindness Simulator