colorhexa.com

#0196ca hex color

In a RGB color space, hex #0196ca is composed of 0.4% red, 58.8% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 99.5% cyan, 25.7% magenta, 0% yellow and 20.8% black. It has a hue angle of 195.5 degrees, a saturation of 99% and a lightness of 39.8%. #0196ca color hex could be obtained by blending #02ffff with #002d95. Closest websafe color is: #0099cc.

- R 0
- G 59
- B 79
RGB color chart
- C 100
- M 26
- Y 0
- K 21
CMYK color chart

● #0196ca color description : Strong blue.

The hexadecimal color #0196ca has RGB values of R:1, G:150, B:202 and CMYK values of C:1, M:0.26, Y:0, K:0.21. Its decimal value is 104138.

Hex triplet	0196ca	`#0196ca`
RGB Decimal	1, 150, 202	`rgb(1,150,202)`
RGB Percent	0.4, 58.8, 79.2	`rgb(0.4%,58.8%,79.2%)`
CMYK	100, 26, 0, 21
HSL	195.5°, 99, 39.8	`hsl(195.5,99%,39.8%)`
HSV (or HSB)	195.5°, 99.5, 79.2
Web Safe	0099cc	`#0099cc`

CIE-LAB	58.114, -14.444, -35.976
XYZ	21.577, 26.081, 59.771
xyY	0.201, 0.243, 26.081
CIE-LCH	58.114, 38.768, 248.126
CIE-LUV	58.114, -39.344, -54.322
Hunter-Lab	51.07, -13.957, -33.643
Binary	00000001, 10010110, 11001010

#0196ca
```
#0196ca rgb(1,150,202)
```
#ca3501
```
#ca3501 rgb(202,53,1)
```

Complementary Color

#01ca9a
```
#01ca9a rgb(1,202,154)
```
#0196ca
```
#0196ca rgb(1,150,202)
```
#0132ca
```
#0132ca rgb(1,50,202)
```

Analogous Color

#ca9a01
```
#ca9a01 rgb(202,154,1)
```
#0196ca
```
#0196ca rgb(1,150,202)
```
#ca0132
```
#ca0132 rgb(202,1,50)
```

Split Complementary Color

#96ca01
```
#96ca01 rgb(150,202,1)
```
#0196ca
```
#0196ca rgb(1,150,202)
```
#ca0196
```
#ca0196 rgb(202,1,150)
```

Triadic Color

#015d7e
```
#015d7e rgb(1,93,126)
```
#017097
```
#017097 rgb(1,112,151)
```
#0183b1
```
#0183b1 rgb(1,131,177)
```
#0196ca
```
#0196ca rgb(1,150,202)
```
#01a9e3
```
#01a9e3 rgb(1,169,227)
```
#01bcfd
```
#01bcfd rgb(1,188,253)
```
#1ac3fe
```
#1ac3fe rgb(26,195,254)
```

Monochromatic Color

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

#01c8ca
```
#01c8ca rgb(1,200,202)
```
#01b8ca
```
#01b8ca rgb(1,184,202)
```
#01a7ca
```
#01a7ca rgb(1,167,202)
```
#0196ca
```
#0196ca rgb(1,150,202)
```
#0185ca
```
#0185ca rgb(1,133,202)
```
#0175ca
```
#0175ca rgb(1,117,202)
```
#0164ca
```
#0164ca rgb(1,100,202)
```

Similar Colors

Text with hexadecimal color #0196ca

This text has a font color of #0196ca.

<span style="color:#0196ca;">Text here</span>

#0196ca background color

This paragraph has a background color of #0196ca.

<p style="background-color:#0196ca;">Content here</p>

#0196ca border color

This element has a border color of #0196ca.

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

CSS codes

.text {color:#0196ca;}

.background {background-color:#0196ca;}

.border {border:1px solid #0196ca;}

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

#000507
```
#000507 rgb(0,5,7)
```
#00141a
```
#00141a rgb(0,20,26)
```
#00222e
```
#00222e rgb(0,34,46)
```
#003141
```
#003141 rgb(0,49,65)
```
#003f55
```
#003f55 rgb(0,63,85)
```
#014e68
```
#014e68 rgb(1,78,104)
```
#015c7c
```
#015c7c rgb(1,92,124)
```
#016b8f
```
#016b8f rgb(1,107,143)
```
#0179a3
```
#0179a3 rgb(1,121,163)
```
#0188b6
```
#0188b6 rgb(1,136,182)
```
#0196ca
```
#0196ca rgb(1,150,202)
```
#01a4de
```
#01a4de rgb(1,164,222)
```
#01b3f1
```
#01b3f1 rgb(1,179,241)
```

Shade Color Variation

#08befe
```
#08befe rgb(8,190,254)
```
#1cc3fe
```
#1cc3fe rgb(28,195,254)
```
#2fc8fe
```
#2fc8fe rgb(47,200,254)
```
#43cefe
```
#43cefe rgb(67,206,254)
```
#56d3fe
```
#56d3fe rgb(86,211,254)
```
#6ad8fe
```
#6ad8fe rgb(106,216,254)
```
#7dddfe
```
#7dddfe rgb(125,221,254)
```
#91e2fe
```
#91e2fe rgb(145,226,254)
```
#a4e7ff
```
#a4e7ff rgb(164,231,255)
```
#b8ecff
```
#b8ecff rgb(184,236,255)
```
#cbf1ff
```
#cbf1ff rgb(203,241,255)
```
#dff7ff
```
#dff7ff rgb(223,247,255)
```
#f2fcff
```
#f2fcff rgb(242,252,255)
```

Tint Color Variation

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

#5f696c
```
#5f696c rgb(95,105,108)
```
#576d74
```
#576d74 rgb(87,109,116)
```
#4f707c
```
#4f707c rgb(79,112,124)
```
#477484
```
#477484 rgb(71,116,132)
```
#3f788c
```
#3f788c rgb(63,120,140)
```
#387c93
```
#387c93 rgb(56,124,147)
```
#307f9b
```
#307f9b rgb(48,127,155)
```
#2883a3
```
#2883a3 rgb(40,131,163)
```
#2087ab
```
#2087ab rgb(32,135,171)
```
#188bb3
```
#188bb3 rgb(24,139,179)
```
#118eba
```
#118eba rgb(17,142,186)
```
#0992c2
```
#0992c2 rgb(9,146,194)
```
#0196ca
```
#0196ca rgb(1,150,202)
```

Tone Color Variation

Below, you can see how #0196ca 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

#6f6f6f Achromatopsia 0.005% of the population
#597781 Atypical Achromatopsia 0.001% of the population

Dichromacy

#808fc4 Protanopia 1% of men
#7391d1 Deuteranopia 1% of men
#009faa Tritanopia 0.001% of the population

Trichromacy

#5292c6 Protanomaly 1% of men, 0.01% of women
#4992ce Deuteranomaly 6% of men, 0.4% of women
#009cb6 Tritanomaly 0.01% of the population