colorhexa.com

#196ed7 hex color

In a RGB color space, hex #196ed7 is composed of 9.8% red, 43.1% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 88.4% cyan, 48.8% magenta, 0% yellow and 15.7% black. It has a hue angle of 213.2 degrees, a saturation of 79.2% and a lightness of 47.1%. #196ed7 color hex could be obtained by blending #32dcff with #0000af. Closest websafe color is: #0066cc.

- R 10
- G 43
- B 84
RGB color chart
- C 88
- M 49
- Y 0
- K 16
CMYK color chart

● #196ed7 color description : Strong blue.

The hexadecimal color #196ed7 has RGB values of R:25, G:110, B:215 and CMYK values of C:0.88, M:0.49, Y:0, K:0.16. Its decimal value is 1666775.

Hex triplet	196ed7	`#196ed7`
RGB Decimal	25, 110, 215	`rgb(25,110,215)`
RGB Percent	9.8, 43.1, 84.3	`rgb(9.8%,43.1%,84.3%)`
CMYK	88, 49, 0, 16
HSL	213.2°, 79.2, 47.1	`hsl(213.2,79.2%,47.1%)`
HSV (or HSB)	213.2°, 88.4, 84.3
Web Safe	0066cc	`#0066cc`

CIE-LAB	47.318, 15.479, -60.488
XYZ	18.24, 16.263, 66.464
xyY	0.181, 0.161, 16.263
CIE-LCH	47.318, 62.437, 284.354
CIE-LUV	47.318, -24.467, -93.028
Hunter-Lab	40.328, 10.16, -69.486
Binary	00011001, 01101110, 11010111

#196ed7
```
#196ed7 rgb(25,110,215)
```
#d78219
```
#d78219 rgb(215,130,25)
```

Complementary Color

#19cdd7
```
#19cdd7 rgb(25,205,215)
```
#196ed7
```
#196ed7 rgb(25,110,215)
```
#2319d7
```
#2319d7 rgb(35,25,215)
```

Analogous Color

#cdd719
```
#cdd719 rgb(205,215,25)
```
#196ed7
```
#196ed7 rgb(25,110,215)
```
#d72319
```
#d72319 rgb(215,35,25)
```

Split Complementary Color

#6ed719
```
#6ed719 rgb(110,215,25)
```
#196ed7
```
#196ed7 rgb(25,110,215)
```
#d7196e
```
#d7196e rgb(215,25,110)
```

Triadic Color

#19d782
```
#19d782 rgb(25,215,130)
```
#196ed7
```
#196ed7 rgb(25,110,215)
```
#d7196e
```
#d7196e rgb(215,25,110)
```
#d78219
```
#d78219 rgb(215,130,25)
```

Tetradic Color

#114b92
```
#114b92 rgb(17,75,146)
```
#1457a9
```
#1457a9 rgb(20,87,169)
```
#1662c0
```
#1662c0 rgb(22,98,192)
```
#196ed7
```
#196ed7 rgb(25,110,215)
```
#247be6
```
#247be6 rgb(36,123,230)
```
#3b88e8
```
#3b88e8 rgb(59,136,232)
```
#5296eb
```
#5296eb rgb(82,150,235)
```

Monochromatic Color

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

#199ed7
```
#199ed7 rgb(25,158,215)
```
#198ed7
```
#198ed7 rgb(25,142,215)
```
#197ed7
```
#197ed7 rgb(25,126,215)
```
#196ed7
```
#196ed7 rgb(25,110,215)
```
#195ed7
```
#195ed7 rgb(25,94,215)
```
#194ed7
```
#194ed7 rgb(25,78,215)
```
#193fd7
```
#193fd7 rgb(25,63,215)
```

Similar Colors

Text with hexadecimal color #196ed7

This text has a font color of #196ed7.

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

#196ed7 background color

This paragraph has a background color of #196ed7.

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

#196ed7 border color

This element has a border color of #196ed7.

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

CSS codes

.text {color:#196ed7;}

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

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

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

#000204
```
#000204 rgb(0,2,4)
```
#030b16
```
#030b16 rgb(3,11,22)
```
#051427
```
#051427 rgb(5,20,39)
```
#071d39
```
#071d39 rgb(7,29,57)
```
#09264a
```
#09264a rgb(9,38,74)
```
#0b2f5c
```
#0b2f5c rgb(11,47,92)
```
#0d386e
```
#0d386e rgb(13,56,110)
```
#0f417f
```
#0f417f rgb(15,65,127)
```
#114a91
```
#114a91 rgb(17,74,145)
```
#1353a2
```
#1353a2 rgb(19,83,162)
```
#155cb4
```
#155cb4 rgb(21,92,180)
```
#1765c5
```
#1765c5 rgb(23,101,197)
```
#196ed7
```
#196ed7 rgb(25,110,215)
```

Shade Color Variation

#1f77e5
```
#1f77e5 rgb(31,119,229)
```
#3082e7
```
#3082e7 rgb(48,130,231)
```
#428de9
```
#428de9 rgb(66,141,233)
```
#5397eb
```
#5397eb rgb(83,151,235)
```
#65a2ed
```
#65a2ed rgb(101,162,237)
```
#77adef
```
#77adef rgb(119,173,239)
```
#88b7f1
```
#88b7f1 rgb(136,183,241)
```
#9ac2f3
```
#9ac2f3 rgb(154,194,243)
```
#abccf5
```
#abccf5 rgb(171,204,245)
```
#bdd7f7
```
#bdd7f7 rgb(189,215,247)
```
#cee2f9
```
#cee2f9 rgb(206,226,249)
```
#e0ecfb
```
#e0ecfb rgb(224,236,251)
```
#f2f7fd
```
#f2f7fd rgb(242,247,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #75787b is the less saturated color, while #076ce9 is the most saturated one.

#75787b
```
#75787b rgb(117,120,123)
```
#6c7784
```
#6c7784 rgb(108,119,132)
```
#63768d
```
#63768d rgb(99,118,141)
```
#5a7596
```
#5a7596 rgb(90,117,150)
```
#5074a0
```
#5074a0 rgb(80,116,160)
```
#4773a9
```
#4773a9 rgb(71,115,169)
```
#3e72b2
```
#3e72b2 rgb(62,114,178)
```
#3571bb
```
#3571bb rgb(53,113,187)
```
#2b70c5
```
#2b70c5 rgb(43,112,197)
```
#226fce
```
#226fce rgb(34,111,206)
```
#196ed7
```
#196ed7 rgb(25,110,215)
```
#106de0
```
#106de0 rgb(16,109,224)
```
#076ce9
```
#076ce9 rgb(7,108,233)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#536479 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3774d7 Protanopia 1% of men
#007ac8 Deuteranopia 1% of men
#00838b Tritanopia 0.001% of the population

Trichromacy

#2c72d7 Protanomaly 1% of men, 0.01% of women
#0975cd Deuteranomaly 6% of men, 0.4% of women
#097ba6 Tritanomaly 0.01% of the population