#5196de hex color

In a RGB color space, hex #5196de is composed of 31.8% red, 58.8% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 63.5% cyan, 32.4% magenta, 0% yellow and 12.9% black. It has a hue angle of 210.6 degrees, a saturation of 68.1% and a lightness of 59.4%. #5196de color hex could be obtained by blending #a2ffff with #002dbd. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 32
- G 59
- B 87
RGB color chart
- C 64
- M 32
- Y 0
- K 13
CMYK color chart

● #5196de color description : Soft blue.

The hexadecimal color #5196de has RGB values of R:81, G:150, B:222 and CMYK values of C:0.64, M:0.32, Y:0, K:0.13. Its decimal value is 5347038.

Hex triplet	5196de	`#5196de`
RGB Decimal	81, 150, 222	`rgb(81,150,222)`
RGB Percent	31.8, 58.8, 87.1	`rgb(31.8%,58.8%,87.1%)`
CMYK	64, 32, 0, 13
HSL	210.6°, 68.1, 59.4	`hsl(210.6,68.1%,59.4%)`
HSV (or HSB)	210.6°, 63.5, 87.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	60.635, 0.303, -43.092
XYZ	27.481, 28.834, 73.221
xyY	0.212, 0.223, 28.834
CIE-LCH	60.635, 43.093, 270.403
CIE-LUV	60.635, -28.458, -68.195
Hunter-Lab	53.697, -2.617, -43.258
Binary	01010001, 10010110, 11011110

#5196de
```
#5196de rgb(81,150,222)
```
#de9951
```
#de9951 rgb(222,153,81)
```

Complementary Color

#51ddde
```
#51ddde rgb(81,221,222)
```
#5196de
```
#5196de rgb(81,150,222)
```
#5351de
```
#5351de rgb(83,81,222)
```

Analogous Color

#ddde51
```
#ddde51 rgb(221,222,81)
```
#5196de
```
#5196de rgb(81,150,222)
```
#de5351
```
#de5351 rgb(222,83,81)
```

Split Complementary Color

#96de51
```
#96de51 rgb(150,222,81)
```
#5196de
```
#5196de rgb(81,150,222)
```
#de5196
```
#de5196 rgb(222,81,150)
```

Triadic Color

#51de99
```
#51de99 rgb(81,222,153)
```
#5196de
```
#5196de rgb(81,150,222)
```
#de5196
```
#de5196 rgb(222,81,150)
```
#de9951
```
#de9951 rgb(222,153,81)
```

Tetradic Color

#2470be
```
#2470be rgb(36,112,190)
```
#287cd4
```
#287cd4 rgb(40,124,212)
```
#3c89da
```
#3c89da rgb(60,137,218)
```
#5196de
```
#5196de rgb(81,150,222)
```
#66a3e2
```
#66a3e2 rgb(102,163,226)
```
#7cb0e6
```
#7cb0e6 rgb(124,176,230)
```
#91bdea
```
#91bdea rgb(145,189,234)
```

Monochromatic Color

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

#51b9de
```
#51b9de rgb(81,185,222)
```
#51aede
```
#51aede rgb(81,174,222)
```
#51a2de
```
#51a2de rgb(81,162,222)
```
#5196de
```
#5196de rgb(81,150,222)
```
#518ade
```
#518ade rgb(81,138,222)
```
#517fde
```
#517fde rgb(81,127,222)
```
#5173de
```
#5173de rgb(81,115,222)
```

Similar Colors

Text with hexadecimal color #5196de

This text has a font color of #5196de.

<span style="color:#5196de;">Text here</span>

#5196de background color

This paragraph has a background color of #5196de.

<p style="background-color:#5196de;">Content here</p>

#5196de border color

This element has a border color of #5196de.

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

CSS codes

.text {color:#5196de;}

.background {background-color:#5196de;}

.border {border:1px solid #5196de;}

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

#010407
```
#010407 rgb(1,4,7)
```
#050e18
```
#050e18 rgb(5,14,24)
```
#081828
```
#081828 rgb(8,24,40)
```
#0b2139
```
#0b2139 rgb(11,33,57)
```
#0e2b49
```
#0e2b49 rgb(14,43,73)
```
#11355a
```
#11355a rgb(17,53,90)
```
#143e6a
```
#143e6a rgb(20,62,106)
```
#17487b
```
#17487b rgb(23,72,123)
```
#1a528b
```
#1a528b rgb(26,82,139)
```
#1e5b9c
```
#1e5b9c rgb(30,91,156)
```
#2165ac
```
#2165ac rgb(33,101,172)
```
#246fbd
```
#246fbd rgb(36,111,189)
```
#2778cd
```
#2778cd rgb(39,120,205)
```

Shade Color Variation

#3082d8
```
#3082d8 rgb(48,130,216)
```
#418cdb
```
#418cdb rgb(65,140,219)
```
#5196de
```
#5196de rgb(81,150,222)
```
#61a0e1
```
#61a0e1 rgb(97,160,225)
```
#72aae4
```
#72aae4 rgb(114,170,228)
```
#82b4e7
```
#82b4e7 rgb(130,180,231)
```
#93beeb
```
#93beeb rgb(147,190,235)
```
#a3c8ee
```
#a3c8ee rgb(163,200,238)
```
#b4d2f1
```
#b4d2f1 rgb(180,210,241)
```
#c4dcf4
```
#c4dcf4 rgb(196,220,244)
```
#d5e6f7
```
#d5e6f7 rgb(213,230,247)
```
#e5f0fa
```
#e5f0fa rgb(229,240,250)
```
#f6f9fd
```
#f6f9fd rgb(246,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #91979e is the less saturated color, while #3195fe is the most saturated one.

#91979e
```
#91979e rgb(145,151,158)
```
#8997a6
```
#8997a6 rgb(137,151,166)
```
#8197ae
```
#8197ae rgb(129,151,174)
```
#7997b6
```
#7997b6 rgb(121,151,182)
```
#7197be
```
#7197be rgb(113,151,190)
```
#6997c6
```
#6997c6 rgb(105,151,198)
```
#6196ce
```
#6196ce rgb(97,150,206)
```
#5996d6
```
#5996d6 rgb(89,150,214)
```
#5196de
```
#5196de rgb(81,150,222)
```
#4996e6
```
#4996e6 rgb(73,150,230)
```
#4196ee
```
#4196ee rgb(65,150,238)
```
#3995f6
```
#3995f6 rgb(57,149,246)
```
#3195fe
```
#3195fe rgb(49,149,254)
```

Tone Color Variation

Below, you can see how #5196de 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

#8a8a8a Achromatopsia 0.005% of the population
#7f8c9b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e95db Protanopia 1% of men
#6f97e1 Deuteranopia 1% of men
#38a5b1 Tritanopia 0.001% of the population

Trichromacy

#6d95dc Protanomaly 1% of men, 0.01% of women
#6497e0 Deuteranomaly 6% of men, 0.4% of women
#419fc1 Tritanomaly 0.01% of the population

#5196de hex color

#5196de Color Information

#5196de Color Conversion

Color Schemes with #5196de

Alternatives to #5196de

#5196de Preview

Shades and Tints of #5196de

Tones of #5196de

Color Blindness Simulator