#5168dd hex color

In a RGB color space, hex #5168dd is composed of 31.8% red, 40.8% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 63.3% cyan, 52.9% magenta, 0% yellow and 13.3% black. It has a hue angle of 230.1 degrees, a saturation of 67.3% and a lightness of 59.2%. #5168dd color hex could be obtained by blending #a2d0ff with #0000bb. Closest websafe color is: #6666cc.

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

● #5168dd color description : Soft blue.

The hexadecimal color #5168dd has RGB values of R:81, G:104, B:221 and CMYK values of C:0.63, M:0.53, Y:0, K:0.13. Its decimal value is 5335261.

Hex triplet	5168dd	`#5168dd`
RGB Decimal	81, 104, 221	`rgb(81,104,221)`
RGB Percent	31.8, 40.8, 86.7	`rgb(31.8%,40.8%,86.7%)`
CMYK	63, 53, 0, 13
HSL	230.1°, 67.3, 59.2	`hsl(230.1,67.3%,59.2%)`
HSV (or HSB)	230.1°, 63.3, 86.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	48.095, 27.87, -62.541
XYZ	21.392, 16.869, 70.531
xyY	0.197, 0.155, 16.869
CIE-LCH	48.095, 68.47, 294.019
CIE-LUV	48.095, -13.619, -97.511
Hunter-Lab	41.072, 21.094, -73.065
Binary	01010001, 01101000, 11011101

#5168dd
```
#5168dd rgb(81,104,221)
```
#ddc651
```
#ddc651 rgb(221,198,81)
```

Complementary Color

#51aedd
```
#51aedd rgb(81,174,221)
```
#5168dd
```
#5168dd rgb(81,104,221)
```
#8051dd
```
#8051dd rgb(128,81,221)
```

Analogous Color

#aedd51
```
#aedd51 rgb(174,221,81)
```
#5168dd
```
#5168dd rgb(81,104,221)
```
#dd8051
```
#dd8051 rgb(221,128,81)
```

Split Complementary Color

#68dd51
```
#68dd51 rgb(104,221,81)
```
#5168dd
```
#5168dd rgb(81,104,221)
```
#dd5168
```
#dd5168 rgb(221,81,104)
```

Triadic Color

#51ddc6
```
#51ddc6 rgb(81,221,198)
```
#5168dd
```
#5168dd rgb(81,104,221)
```
#dd5168
```
#dd5168 rgb(221,81,104)
```
#ddc651
```
#ddc651 rgb(221,198,81)
```

Tetradic Color

#253ebd
```
#253ebd rgb(37,62,189)
```
#2945d2
```
#2945d2 rgb(41,69,210)
```
#3c55d9
```
#3c55d9 rgb(60,85,217)
```
#5168dd
```
#5168dd rgb(81,104,221)
```
#667be1
```
#667be1 rgb(102,123,225)
```
#7c8de5
```
#7c8de5 rgb(124,141,229)
```
#91a0ea
```
#91a0ea rgb(145,160,234)
```

Monochromatic Color

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

#518bdd
```
#518bdd rgb(81,139,221)
```
#517fdd
```
#517fdd rgb(81,127,221)
```
#5174dd
```
#5174dd rgb(81,116,221)
```
#5168dd
```
#5168dd rgb(81,104,221)
```
#515cdd
```
#515cdd rgb(81,92,221)
```
#5151dd
```
#5151dd rgb(81,81,221)
```
#5d51dd
```
#5d51dd rgb(93,81,221)
```

Similar Colors

Text with hexadecimal color #5168dd

This text has a font color of #5168dd.

<span style="color:#5168dd;">Text here</span>

#5168dd background color

This paragraph has a background color of #5168dd.

<p style="background-color:#5168dd;">Content here</p>

#5168dd border color

This element has a border color of #5168dd.

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

CSS codes

.text {color:#5168dd;}

.background {background-color:#5168dd;}

.border {border:1px solid #5168dd;}

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

#010206
```
#010206 rgb(1,2,6)
```
#040817
```
#040817 rgb(4,8,23)
```
#080d27
```
#080d27 rgb(8,13,39)
```
#0b1238
```
#0b1238 rgb(11,18,56)
```
#0e1848
```
#0e1848 rgb(14,24,72)
```
#111d59
```
#111d59 rgb(17,29,89)
```
#152269
```
#152269 rgb(21,34,105)
```
#182879
```
#182879 rgb(24,40,121)
```
#1b2d8a
```
#1b2d8a rgb(27,45,138)
```
#1e339a
```
#1e339a rgb(30,51,154)
```
#2138ab
```
#2138ab rgb(33,56,171)
```
#253dbb
```
#253dbb rgb(37,61,187)
```
#2843cb
```
#2843cb rgb(40,67,203)
```

Shade Color Variation

#304cd7
```
#304cd7 rgb(48,76,215)
```
#415ada
```
#415ada rgb(65,90,218)
```
#5168dd
```
#5168dd rgb(81,104,221)
```
#6176e0
```
#6176e0 rgb(97,118,224)
```
#7284e3
```
#7284e3 rgb(114,132,227)
```
#8293e7
```
#8293e7 rgb(130,147,231)
```
#93a1ea
```
#93a1ea rgb(147,161,234)
```
#a3afed
```
#a3afed rgb(163,175,237)
```
#b3bdf0
```
#b3bdf0 rgb(179,189,240)
```
#c4ccf3
```
#c4ccf3 rgb(196,204,243)
```
#d4daf7
```
#d4daf7 rgb(212,218,247)
```
#e5e8fa
```
#e5e8fa rgb(229,232,250)
```
#f5f6fd
```
#f5f6fd rgb(245,246,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #91939d is the less saturated color, while #3153fd is the most saturated one.

#91939d
```
#91939d rgb(145,147,157)
```
#898ea5
```
#898ea5 rgb(137,142,165)
```
#8188ad
```
#8188ad rgb(129,136,173)
```
#7983b5
```
#7983b5 rgb(121,131,181)
```
#717dbd
```
#717dbd rgb(113,125,189)
```
#6978c5
```
#6978c5 rgb(105,120,197)
```
#6173cd
```
#6173cd rgb(97,115,205)
```
#596dd5
```
#596dd5 rgb(89,109,213)
```
#5168dd
```
#5168dd rgb(81,104,221)
```
#4963e5
```
#4963e5 rgb(73,99,229)
```
#415ded
```
#415ded rgb(65,93,237)
```
#3958f5
```
#3958f5 rgb(57,88,245)
```
#3153fd
```
#3153fd rgb(49,83,253)
```

Tone Color Variation

Below, you can see how #5168dd 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

#6e6e6e Achromatopsia 0.005% of the population
#686d84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1f75e4 Protanopia 1% of men
#007bcb Deuteranopia 1% of men
#00858f Tritanopia 0.001% of the population

Trichromacy

#3170e1 Protanomaly 1% of men, 0.01% of women
#1d74d2 Deuteranomaly 6% of men, 0.4% of women
#1d7aab Tritanomaly 0.01% of the population

#5168dd hex color

#5168dd Color Information

#5168dd Color Conversion

Color Schemes with #5168dd

Alternatives to #5168dd

#5168dd Preview

Shades and Tints of #5168dd

Tones of #5168dd

Color Blindness Simulator