#8196f0 hex color

In a RGB color space, hex #8196f0 is composed of 50.6% red, 58.8% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 46.3% cyan, 37.5% magenta, 0% yellow and 5.9% black. It has a hue angle of 228.6 degrees, a saturation of 78.7% and a lightness of 72.4%. #8196f0 color hex could be obtained by blending #ffffff with #032de1. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 51
- G 59
- B 94
RGB color chart
- C 46
- M 38
- Y 0
- K 6
CMYK color chart

● #8196f0 color description : Soft blue.

The hexadecimal color #8196f0 has RGB values of R:129, G:150, B:240 and CMYK values of C:0.46, M:0.38, Y:0, K:0.06. Its decimal value is 8492784.

Hex triplet	8196f0	`#8196f0`
RGB Decimal	129, 150, 240	`rgb(129,150,240)`
RGB Percent	50.6, 58.8, 94.1	`rgb(50.6%,58.8%,94.1%)`
CMYK	46, 38, 0, 6
HSL	228.6°, 78.7, 72.4	`hsl(228.6,78.7%,72.4%)`
HSV (or HSB)	228.6°, 46.3, 94.1
Web Safe	9999ff	`#9999ff`

CIE-LAB	63.974, 15.988, -47.615
XYZ	35.685, 32.77, 86.878
xyY	0.23, 0.211, 32.77
CIE-LCH	63.974, 50.227, 288.561
CIE-LUV	63.974, -13.863, -78.175
Hunter-Lab	57.245, 11.092, -49.911
Binary	10000001, 10010110, 11110000

#8196f0
```
#8196f0 rgb(129,150,240)
```
#f0db81
```
#f0db81 rgb(240,219,129)
```

Complementary Color

#81cef0
```
#81cef0 rgb(129,206,240)
```
#8196f0
```
#8196f0 rgb(129,150,240)
```
#a481f0
```
#a481f0 rgb(164,129,240)
```

Analogous Color

#cef081
```
#cef081 rgb(206,240,129)
```
#8196f0
```
#8196f0 rgb(129,150,240)
```
#f0a481
```
#f0a481 rgb(240,164,129)
```

Split Complementary Color

#96f081
```
#96f081 rgb(150,240,129)
```
#8196f0
```
#8196f0 rgb(129,150,240)
```
#f08196
```
#f08196 rgb(240,129,150)
```

Triadic Color

#81f0db
```
#81f0db rgb(129,240,219)
```
#8196f0
```
#8196f0 rgb(129,150,240)
```
#f08196
```
#f08196 rgb(240,129,150)
```
#f0db81
```
#f0db81 rgb(240,219,129)
```

Tetradic Color

#3d5de8
```
#3d5de8 rgb(61,93,232)
```
#5370eb
```
#5370eb rgb(83,112,235)
```
#6a83ed
```
#6a83ed rgb(106,131,237)
```
#8196f0
```
#8196f0 rgb(129,150,240)
```
#98a9f3
```
#98a9f3 rgb(152,169,243)
```
#afbcf5
```
#afbcf5 rgb(175,188,245)
```
#c5cff8
```
#c5cff8 rgb(197,207,248)
```

Monochromatic Color

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

#81b2f0
```
#81b2f0 rgb(129,178,240)
```
#81a9f0
```
#81a9f0 rgb(129,169,240)
```
#819ff0
```
#819ff0 rgb(129,159,240)
```
#8196f0
```
#8196f0 rgb(129,150,240)
```
#818df0
```
#818df0 rgb(129,141,240)
```
#8184f0
```
#8184f0 rgb(129,132,240)
```
#8881f0
```
#8881f0 rgb(136,129,240)
```

Similar Colors

Text with hexadecimal color #8196f0

This text has a font color of #8196f0.

<span style="color:#8196f0;">Text here</span>

#8196f0 background color

This paragraph has a background color of #8196f0.

<p style="background-color:#8196f0;">Content here</p>

#8196f0 border color

This element has a border color of #8196f0.

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

CSS codes

.text {color:#8196f0;}

.background {background-color:#8196f0;}

.border {border:1px solid #8196f0;}

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, #02040e is the darkest color, while #fcfcff is the lightest one.

#02040e
```
#02040e rgb(2,4,14)
```
#040920
```
#040920 rgb(4,9,32)
```
#060e31
```
#060e31 rgb(6,14,49)
```
#081343
```
#081343 rgb(8,19,67)
```
#0a1854
```
#0a1854 rgb(10,24,84)
```
#0c1d66
```
#0c1d66 rgb(12,29,102)
```
#0e2277
```
#0e2277 rgb(14,34,119)
```
#102789
```
#102789 rgb(16,39,137)
```
#122c9a
```
#122c9a rgb(18,44,154)
```
#1431ac
```
#1431ac rgb(20,49,172)
```
#1736be
```
#1736be rgb(23,54,190)
```
#193bcf
```
#193bcf rgb(25,59,207)
```
#1b40e1
```
#1b40e1 rgb(27,64,225)
```

Shade Color Variation

#294de6
```
#294de6 rgb(41,77,230)
```
#3b5ce8
```
#3b5ce8 rgb(59,92,232)
```
#4c6aea
```
#4c6aea rgb(76,106,234)
```
#5e79ec
```
#5e79ec rgb(94,121,236)
```
#6f87ee
```
#6f87ee rgb(111,135,238)
```
#8196f0
```
#8196f0 rgb(129,150,240)
```
#93a5f2
```
#93a5f2 rgb(147,165,242)
```
#a4b3f4
```
#a4b3f4 rgb(164,179,244)
```
#b6c2f6
```
#b6c2f6 rgb(182,194,246)
```
#c7d0f8
```
#c7d0f8 rgb(199,208,248)
```
#d9dffa
```
#d9dffa rgb(217,223,250)
```
#eaeefd
```
#eaeefd rgb(234,238,253)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

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

#b7b8ba
```
#b7b8ba rgb(183,184,186)
```
#b2b4bf
```
#b2b4bf rgb(178,180,191)
```
#acb1c5
```
#acb1c5 rgb(172,177,197)
```
#a7aeca
```
#a7aeca rgb(167,174,202)
```
#a2aacf
```
#a2aacf rgb(162,170,207)
```
#9ca7d5
```
#9ca7d5 rgb(156,167,213)
```
#97a3da
```
#97a3da rgb(151,163,218)
```
#91a0e0
```
#91a0e0 rgb(145,160,224)
```
#8c9de5
```
#8c9de5 rgb(140,157,229)
```
#8699eb
```
#8699eb rgb(134,153,235)
```
#8196f0
```
#8196f0 rgb(129,150,240)
```
#7c93f5
```
#7c93f5 rgb(124,147,245)
```
#768ffb
```
#768ffb rgb(118,143,251)
```

Tone Color Variation

Below, you can see how #8196f0 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

#9a9a9a Achromatopsia 0.005% of the population
#9599ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d9df2 Protanopia 1% of men
#73a0ee Deuteranopia 1% of men
#71a8b4 Tritanopia 0.001% of the population

Trichromacy

#7e9af1 Protanomaly 1% of men, 0.01% of women
#789cef Deuteranomaly 6% of men, 0.4% of women
#77a1ca Tritanomaly 0.01% of the population

#8196f0 hex color

#8196f0 Color Information

#8196f0 Color Conversion

Color Schemes with #8196f0

Alternatives to #8196f0

#8196f0 Preview

Shades and Tints of #8196f0

Tones of #8196f0

Color Blindness Simulator