#5166ed hex color

In a RGB color space, hex #5166ed is composed of 31.8% red, 40% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 65.8% cyan, 57% magenta, 0% yellow and 7.1% black. It has a hue angle of 231.9 degrees, a saturation of 81.3% and a lightness of 62.4%. #5166ed color hex could be obtained by blending #a2ccff with #0000db. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 32
- G 40
- B 93
RGB color chart
- C 66
- M 57
- Y 0
- K 7
CMYK color chart

● #5166ed color description : Soft blue.

The hexadecimal color #5166ed has RGB values of R:81, G:102, B:237 and CMYK values of C:0.66, M:0.57, Y:0, K:0.07. Its decimal value is 5334765.

Hex triplet	5166ed	`#5166ed`
RGB Decimal	81, 102, 237	`rgb(81,102,237)`
RGB Percent	31.8, 40, 92.9	`rgb(31.8%,40%,92.9%)`
CMYK	66, 57, 0, 7
HSL	231.9°, 81.3, 62.4	`hsl(231.9,81.3%,62.4%)`
HSV (or HSB)	231.9°, 65.8, 92.9
Web Safe	6666ff	`#6666ff`

CIE-LAB	48.717, 34.545, -70.554
XYZ	23.428, 17.365, 82.233
xyY	0.19, 0.141, 17.365
CIE-LCH	48.717, 78.557, 296.087
CIE-LUV	48.717, -13.445, -110.066
Hunter-Lab	41.672, 27.427, -87.831
Binary	01010001, 01100110, 11101101

#5166ed
```
#5166ed rgb(81,102,237)
```
#edd851
```
#edd851 rgb(237,216,81)
```

Complementary Color

#51b4ed
```
#51b4ed rgb(81,180,237)
```
#5166ed
```
#5166ed rgb(81,102,237)
```
#8a51ed
```
#8a51ed rgb(138,81,237)
```

Analogous Color

#b4ed51
```
#b4ed51 rgb(180,237,81)
```
#5166ed
```
#5166ed rgb(81,102,237)
```
#ed8a51
```
#ed8a51 rgb(237,138,81)
```

Split Complementary Color

#66ed51
```
#66ed51 rgb(102,237,81)
```
#5166ed
```
#5166ed rgb(81,102,237)
```
#ed5166
```
#ed5166 rgb(237,81,102)
```

Triadic Color

#51edd8
```
#51edd8 rgb(81,237,216)
```
#5166ed
```
#5166ed rgb(81,102,237)
```
#ed5166
```
#ed5166 rgb(237,81,102)
```
#edd851
```
#edd851 rgb(237,216,81)
```

Tetradic Color

#1731db
```
#1731db rgb(23,49,219)
```
#233de8
```
#233de8 rgb(35,61,232)
```
#3a52eb
```
#3a52eb rgb(58,82,235)
```
#5166ed
```
#5166ed rgb(81,102,237)
```
#687aef
```
#687aef rgb(104,122,239)
```
#7f8ff2
```
#7f8ff2 rgb(127,143,242)
```
#96a3f4
```
#96a3f4 rgb(150,163,244)
```

Monochromatic Color

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

#518ded
```
#518ded rgb(81,141,237)
```
#5180ed
```
#5180ed rgb(81,128,237)
```
#5173ed
```
#5173ed rgb(81,115,237)
```
#5166ed
```
#5166ed rgb(81,102,237)
```
#5159ed
```
#5159ed rgb(81,89,237)
```
#5651ed
```
#5651ed rgb(86,81,237)
```
#6351ed
```
#6351ed rgb(99,81,237)
```

Similar Colors

Text with hexadecimal color #5166ed

This text has a font color of #5166ed.

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

#5166ed background color

This paragraph has a background color of #5166ed.

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

#5166ed border color

This element has a border color of #5166ed.

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

CSS codes

.text {color:#5166ed;}

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

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

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

#000104
```
#000104 rgb(0,1,4)
```
#020516
```
#020516 rgb(2,5,22)
```
#040927
```
#040927 rgb(4,9,39)
```
#060d39
```
#060d39 rgb(6,13,57)
```
#08114b
```
#08114b rgb(8,17,75)
```
#0a155d
```
#0a155d rgb(10,21,93)
```
#0b196e
```
#0b196e rgb(11,25,110)
```
#0d1d80
```
#0d1d80 rgb(13,29,128)
```
#0f2192
```
#0f2192 rgb(15,33,146)
```
#1125a4
```
#1125a4 rgb(17,37,164)
```
#1329b6
```
#1329b6 rgb(19,41,182)
```
#152dc7
```
#152dc7 rgb(21,45,199)
```
#1631d9
```
#1631d9 rgb(22,49,217)
```

Shade Color Variation

#1c37e7
```
#1c37e7 rgb(28,55,231)
```
#2d47e9
```
#2d47e9 rgb(45,71,233)
```
#3f56eb
```
#3f56eb rgb(63,86,235)
```
#5166ed
```
#5166ed rgb(81,102,237)
```
#6376ef
```
#6376ef rgb(99,118,239)
```
#7585f1
```
#7585f1 rgb(117,133,241)
```
#8695f3
```
#8695f3 rgb(134,149,243)
```
#98a5f4
```
#98a5f4 rgb(152,165,244)
```
#aab4f6
```
#aab4f6 rgb(170,180,246)
```
#bcc4f8
```
#bcc4f8 rgb(188,196,248)
```
#cdd3fa
```
#cdd3fa rgb(205,211,250)
```
#dfe3fc
```
#dfe3fc rgb(223,227,252)
```
#f1f3fe
```
#f1f3fe rgb(241,243,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9b9ca3 is the less saturated color, while #425bfc is the most saturated one.

#9b9ca3
```
#9b9ca3 rgb(155,156,163)
```
#9397ab
```
#9397ab rgb(147,151,171)
```
#8c91b2
```
#8c91b2 rgb(140,145,178)
```
#858cb9
```
#858cb9 rgb(133,140,185)
```
#7d86c1
```
#7d86c1 rgb(125,134,193)
```
#7681c8
```
#7681c8 rgb(118,129,200)
```
#6f7ccf
```
#6f7ccf rgb(111,124,207)
```
#6776d7
```
#6776d7 rgb(103,118,215)
```
#6071de
```
#6071de rgb(96,113,222)
```
#586be6
```
#586be6 rgb(88,107,230)
```
#5166ed
```
#5166ed rgb(81,102,237)
```
#4a61f4
```
#4a61f4 rgb(74,97,244)
```
#425bfc
```
#425bfc rgb(66,91,252)
```

Tone Color Variation

Below, you can see how #5166ed 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
#696d88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077e9 Protanopia 1% of men
#007dcc Deuteranopia 1% of men
#008690 Tritanopia 0.001% of the population

Trichromacy

#1d70ea Protanomaly 1% of men, 0.01% of women
#1d75d8 Deuteranomaly 6% of men, 0.4% of women
#1d7ab1 Tritanomaly 0.01% of the population

#5166ed hex color

#5166ed Color Information

#5166ed Color Conversion

Color Schemes with #5166ed

Alternatives to #5166ed

#5166ed Preview

Shades and Tints of #5166ed

Tones of #5166ed

Color Blindness Simulator