#5168f2 hex color

In a RGB color space, hex #5168f2 is composed of 31.8% red, 40.8% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 66.5% cyan, 57% magenta, 0% yellow and 5.1% black. It has a hue angle of 231.4 degrees, a saturation of 86.1% and a lightness of 63.3%. #5168f2 color hex could be obtained by blending #a2d0ff with #0000e5. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 32
- G 41
- B 95
RGB color chart
- C 67
- M 57
- Y 0
- K 5
CMYK color chart

● #5168f2 color description : Soft blue.

The hexadecimal color #5168f2 has RGB values of R:81, G:104, B:242 and CMYK values of C:0.67, M:0.57, Y:0, K:0.05. Its decimal value is 5335282.

Hex triplet	5168f2	`#5168f2`
RGB Decimal	81, 104, 242	`rgb(81,104,242)`
RGB Percent	31.8, 40.8, 94.9	`rgb(31.8%,40.8%,94.9%)`
CMYK	67, 57, 0, 5
HSL	231.4°, 86.1, 63.3	`hsl(231.4,86.1%,63.3%)`
HSV (or HSB)	231.4°, 66.5, 94.9
Web Safe	6666ff	`#6666ff`

CIE-LAB	49.568, 35.013, -71.97
XYZ	24.367, 18.059, 86.201
xyY	0.189, 0.14, 18.059
CIE-LCH	49.568, 80.035, 295.943
CIE-LUV	49.568, -14.085, -112.69
Hunter-Lab	42.496, 27.983, -90.519
Binary	01010001, 01101000, 11110010

#5168f2
```
#5168f2 rgb(81,104,242)
```
#f2db51
```
#f2db51 rgb(242,219,81)
```

Complementary Color

#51b9f2
```
#51b9f2 rgb(81,185,242)
```
#5168f2
```
#5168f2 rgb(81,104,242)
```
#8b51f2
```
#8b51f2 rgb(139,81,242)
```

Analogous Color

#b9f251
```
#b9f251 rgb(185,242,81)
```
#5168f2
```
#5168f2 rgb(81,104,242)
```
#f28b51
```
#f28b51 rgb(242,139,81)
```

Split Complementary Color

#68f251
```
#68f251 rgb(104,242,81)
```
#5168f2
```
#5168f2 rgb(81,104,242)
```
#f25168
```
#f25168 rgb(242,81,104)
```

Triadic Color

#51f2db
```
#51f2db rgb(81,242,219)
```
#5168f2
```
#5168f2 rgb(81,104,242)
```
#f25168
```
#f25168 rgb(242,81,104)
```
#f2db51
```
#f2db51 rgb(242,219,81)
```

Tetradic Color

#112fe5
```
#112fe5 rgb(17,47,229)
```
#223fee
```
#223fee rgb(34,63,238)
```
#3953f0
```
#3953f0 rgb(57,83,240)
```
#5168f2
```
#5168f2 rgb(81,104,242)
```
#697df4
```
#697df4 rgb(105,125,244)
```
#8091f6
```
#8091f6 rgb(128,145,246)
```
#98a6f7
```
#98a6f7 rgb(152,166,247)
```

Monochromatic Color

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

#5190f2
```
#5190f2 rgb(81,144,242)
```
#5183f2
```
#5183f2 rgb(81,131,242)
```
#5175f2
```
#5175f2 rgb(81,117,242)
```
#5168f2
```
#5168f2 rgb(81,104,242)
```
#515bf2
```
#515bf2 rgb(81,91,242)
```
#5551f2
```
#5551f2 rgb(85,81,242)
```
#6251f2
```
#6251f2 rgb(98,81,242)
```

Similar Colors

Text with hexadecimal color #5168f2

This text has a font color of #5168f2.

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

#5168f2 background color

This paragraph has a background color of #5168f2.

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

#5168f2 border color

This element has a border color of #5168f2.

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

CSS codes

.text {color:#5168f2;}

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

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

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

#010209
```
#010209 rgb(1,2,9)
```
#02061b
```
#02061b rgb(2,6,27)
```
#03092d
```
#03092d rgb(3,9,45)
```
#050d3f
```
#050d3f rgb(5,13,63)
```
#061152
```
#061152 rgb(6,17,82)
```
#071564
```
#071564 rgb(7,21,100)
```
#091876
```
#091876 rgb(9,24,118)
```
#0a1c88
```
#0a1c88 rgb(10,28,136)
```
#0c209b
```
#0c209b rgb(12,32,155)
```
#0d24ad
```
#0d24ad rgb(13,36,173)
```
#0e28bf
```
#0e28bf rgb(14,40,191)
```
#102bd1
```
#102bd1 rgb(16,43,209)
```
#112fe4
```
#112fe4 rgb(17,47,228)
```

Shade Color Variation

#1a38ee
```
#1a38ee rgb(26,56,238)
```
#2c48ef
```
#2c48ef rgb(44,72,239)
```
#3f58f1
```
#3f58f1 rgb(63,88,241)
```
#5168f2
```
#5168f2 rgb(81,104,242)
```
#6378f3
```
#6378f3 rgb(99,120,243)
```
#7688f5
```
#7688f5 rgb(118,136,245)
```
#8898f6
```
#8898f6 rgb(136,152,246)
```
#9aa7f7
```
#9aa7f7 rgb(154,167,247)
```
#acb7f9
```
#acb7f9 rgb(172,183,249)
```
#bfc7fa
```
#bfc7fa rgb(191,199,250)
```
#d1d7fc
```
#d1d7fc rgb(209,215,252)
```
#e3e7fd
```
#e3e7fd rgb(227,231,253)
```
#f5f7fe
```
#f5f7fe rgb(245,247,254)
```

Tint Color Variation

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

#a0a1a3
```
#a0a1a3 rgb(160,161,163)
```
#999baa
```
#999baa rgb(153,155,170)
```
#9296b1
```
#9296b1 rgb(146,150,177)
```
#8b91b8
```
#8b91b8 rgb(139,145,184)
```
#838cc0
```
#838cc0 rgb(131,140,192)
```
#7c87c7
```
#7c87c7 rgb(124,135,199)
```
#7582ce
```
#7582ce rgb(117,130,206)
```
#6e7dd5
```
#6e7dd5 rgb(110,125,213)
```
#6777dc
```
#6777dc rgb(103,119,220)
```
#5f72e4
```
#5f72e4 rgb(95,114,228)
```
#586deb
```
#586deb rgb(88,109,235)
```
#5168f2
```
#5168f2 rgb(81,104,242)
```
#4a63f9
```
#4a63f9 rgb(74,99,249)
```

Tone Color Variation

Below, you can see how #5168f2 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
#6b6f8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0079ed Protanopia 1% of men
#007fd0 Deuteranopia 1% of men
#008992 Tritanopia 0.001% of the population

Trichromacy

#1d72ef Protanomaly 1% of men, 0.01% of women
#1d77dc Deuteranomaly 6% of men, 0.4% of women
#1d7db5 Tritanomaly 0.01% of the population

#5168f2 hex color

#5168f2 Color Information

#5168f2 Color Conversion

Color Schemes with #5168f2

Alternatives to #5168f2

#5168f2 Preview

Shades and Tints of #5168f2

Tones of #5168f2

Color Blindness Simulator