#5166ff hex color

In a RGB color space, hex #5166ff is composed of 31.8% red, 40% green and 100% blue. Whereas in a CMYK color space, it is composed of 68.2% cyan, 60% magenta, 0% yellow and 0% black. It has a hue angle of 232.8 degrees, a saturation of 100% and a lightness of 65.9%. #5166ff color hex could be obtained by blending #a2ccff with #0000ff. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 32
- G 40
- B 100
RGB color chart
- C 68
- M 60
- Y 0
- K 0
CMYK color chart

● #5166ff color description : Light blue.

The hexadecimal color #5166ff has RGB values of R:81, G:102, B:255 and CMYK values of C:0.68, M:0.6, Y:0, K:0. Its decimal value is 5334783.

Hex triplet	5166ff	`#5166ff`
RGB Decimal	81, 102, 255	`rgb(81,102,255)`
RGB Percent	31.8, 40, 100	`rgb(31.8%,40%,100%)`
CMYK	68, 60, 0, 0
HSL	232.8°, 100, 65.9	`hsl(232.8,100%,65.9%)`
HSV (or HSB)	232.8°, 68.2, 100
Web Safe	6666ff	`#6666ff`

CIE-LAB	50.062, 40.618, -78.402
XYZ	26.191, 18.471, 96.787
xyY	0.185, 0.131, 18.471
CIE-LCH	50.062, 88.299, 297.388
CIE-LUV	50.062, -13.897, -122.544
Hunter-Lab	42.977, 33.57, -103.44
Binary	01010001, 01100110, 11111111

#5166ff
```
#5166ff rgb(81,102,255)
```
#ffea51
```
#ffea51 rgb(255,234,81)
```

Complementary Color

#51bdff
```
#51bdff rgb(81,189,255)
```
#5166ff
```
#5166ff rgb(81,102,255)
```
#9351ff
```
#9351ff rgb(147,81,255)
```

Analogous Color

#bdff51
```
#bdff51 rgb(189,255,81)
```
#5166ff
```
#5166ff rgb(81,102,255)
```
#ff9351
```
#ff9351 rgb(255,147,81)
```

Split Complementary Color

#66ff51
```
#66ff51 rgb(102,255,81)
```
#5166ff
```
#5166ff rgb(81,102,255)
```
#ff5166
```
#ff5166 rgb(255,81,102)
```

Triadic Color

#51ffea
```
#51ffea rgb(81,255,234)
```
#5166ff
```
#5166ff rgb(81,102,255)
```
#ff5166
```
#ff5166 rgb(255,81,102)
```
#ffea51
```
#ffea51 rgb(255,234,81)
```

Tetradic Color

#0423ff
```
#0423ff rgb(4,35,255)
```
#1e39ff
```
#1e39ff rgb(30,57,255)
```
#3850ff
```
#3850ff rgb(56,80,255)
```
#5166ff
```
#5166ff rgb(81,102,255)
```
#6b7cff
```
#6b7cff rgb(107,124,255)
```
#8493ff
```
#8493ff rgb(132,147,255)
```
#9ea9ff
```
#9ea9ff rgb(158,169,255)
```

Monochromatic Color

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

#5192ff
```
#5192ff rgb(81,146,255)
```
#5183ff
```
#5183ff rgb(81,131,255)
```
#5175ff
```
#5175ff rgb(81,117,255)
```
#5166ff
```
#5166ff rgb(81,102,255)
```
#5158ff
```
#5158ff rgb(81,88,255)
```
#5951ff
```
#5951ff rgb(89,81,255)
```
#6851ff
```
#6851ff rgb(104,81,255)
```

Similar Colors

Text with hexadecimal color #5166ff

This text has a font color of #5166ff.

<span style="color:#5166ff;">Text here</span>

#5166ff background color

This paragraph has a background color of #5166ff.

<p style="background-color:#5166ff;">Content here</p>

#5166ff border color

This element has a border color of #5166ff.

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

CSS codes

.text {color:#5166ff;}

.background {background-color:#5166ff;}

.border {border:1px solid #5166ff;}

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

#000003
```
#000003 rgb(0,0,3)
```
#000316
```
#000316 rgb(0,3,22)
```
#00052a
```
#00052a rgb(0,5,42)
```
#00073d
```
#00073d rgb(0,7,61)
```
#000a51
```
#000a51 rgb(0,10,81)
```
#000c65
```
#000c65 rgb(0,12,101)
```
#000f78
```
#000f78 rgb(0,15,120)
```
#00118c
```
#00118c rgb(0,17,140)
```
#00139f
```
#00139f rgb(0,19,159)
```
#0016b3
```
#0016b3 rgb(0,22,179)
```
#0018c7
```
#0018c7 rgb(0,24,199)
```
#001ada
```
#001ada rgb(0,26,218)
```
#001dee
```
#001dee rgb(0,29,238)
```

Shade Color Variation

#0321ff
```
#0321ff rgb(3,33,255)
```
#1632ff
```
#1632ff rgb(22,50,255)
```
#2a44ff
```
#2a44ff rgb(42,68,255)
```
#3d55ff
```
#3d55ff rgb(61,85,255)
```
#5166ff
```
#5166ff rgb(81,102,255)
```
#6577ff
```
#6577ff rgb(101,119,255)
```
#7888ff
```
#7888ff rgb(120,136,255)
```
#8c9aff
```
#8c9aff rgb(140,154,255)
```
#9fabff
```
#9fabff rgb(159,171,255)
```
#b3bcff
```
#b3bcff rgb(179,188,255)
```
#c7cdff
```
#c7cdff rgb(199,205,255)
```
#dadfff
```
#dadfff rgb(218,223,255)
```
#eef0ff
```
#eef0ff rgb(238,240,255)
```

Tint Color Variation

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

#a1a3af
```
#a1a3af rgb(161,163,175)
```
#9b9eb5
```
#9b9eb5 rgb(155,158,181)
```
#9499bc
```
#9499bc rgb(148,153,188)
```
#8d94c3
```
#8d94c3 rgb(141,148,195)
```
#878fc9
```
#878fc9 rgb(135,143,201)
```
#808ad0
```
#808ad0 rgb(128,138,208)
```
#7984d7
```
#7984d7 rgb(121,132,215)
```
#727fde
```
#727fde rgb(114,127,222)
```
#6c7ae4
```
#6c7ae4 rgb(108,122,228)
```
#6575eb
```
#6575eb rgb(101,117,235)
```
#5e70f2
```
#5e70f2 rgb(94,112,242)
```
#586bf8
```
#586bf8 rgb(88,107,248)
```
#5166ff
```
#5166ff rgb(81,102,255)
```

Tone Color Variation

Below, you can see how #5166ff 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

#717171 Achromatopsia 0.005% of the population
#6b6f8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#007aef Protanopia 1% of men
#0081d1 Deuteranopia 1% of men
#008a93 Tritanopia 0.001% of the population

Trichromacy

#1d72f4 Protanomaly 1% of men, 0.01% of women
#1d77e1 Deuteranomaly 6% of men, 0.4% of women
#1d7dba Tritanomaly 0.01% of the population

#5166ff hex color

#5166ff Color Information

#5166ff Color Conversion

Color Schemes with #5166ff

Alternatives to #5166ff

#5166ff Preview

Shades and Tints of #5166ff

Tones of #5166ff

Color Blindness Simulator