#5168ce hex color

In a RGB color space, hex #5168ce is composed of 31.8% red, 40.8% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 60.7% cyan, 49.5% magenta, 0% yellow and 19.2% black. It has a hue angle of 229 degrees, a saturation of 56.1% and a lightness of 56.3%. #5168ce color hex could be obtained by blending #a2d0ff with #00009d. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 32
- G 41
- B 81
RGB color chart
- C 61
- M 50
- Y 0
- K 19
CMYK color chart

● #5168ce color description : Moderate blue.

The hexadecimal color #5168ce has RGB values of R:81, G:104, B:206 and CMYK values of C:0.61, M:0.5, Y:0, K:0.19. Its decimal value is 5335246.

Hex triplet	5168ce	`#5168ce`
RGB Decimal	81, 104, 206	`rgb(81,104,206)`
RGB Percent	31.8, 40.8, 80.8	`rgb(31.8%,40.8%,80.8%)`
CMYK	61, 50, 0, 19
HSL	229°, 56.1, 56.3	`hsl(229,56.1%,56.3%)`
HSV (or HSB)	229°, 60.7, 80.8
Web Safe	6666cc	`#6666cc`

CIE-LAB	47.112, 22.769, -55.582
XYZ	19.482, 16.105, 60.471
xyY	0.203, 0.168, 16.105
CIE-LCH	47.112, 60.065, 292.277
CIE-LUV	47.112, -13.303, -86.206
Hunter-Lab	40.131, 16.424, -61.248
Binary	01010001, 01101000, 11001110

#5168ce
```
#5168ce rgb(81,104,206)
```
#ceb751
```
#ceb751 rgb(206,183,81)
```

Complementary Color

#51a7ce
```
#51a7ce rgb(81,167,206)
```
#5168ce
```
#5168ce rgb(81,104,206)
```
#7951ce
```
#7951ce rgb(121,81,206)
```

Analogous Color

#a7ce51
```
#a7ce51 rgb(167,206,81)
```
#5168ce
```
#5168ce rgb(81,104,206)
```
#ce7951
```
#ce7951 rgb(206,121,81)
```

Split Complementary Color

#68ce51
```
#68ce51 rgb(104,206,81)
```
#5168ce
```
#5168ce rgb(81,104,206)
```
#ce5168
```
#ce5168 rgb(206,81,104)
```

Triadic Color

#51ceb7
```
#51ceb7 rgb(81,206,183)
```
#5168ce
```
#5168ce rgb(81,104,206)
```
#ce5168
```
#ce5168 rgb(206,81,104)
```
#ceb751
```
#ceb751 rgb(206,183,81)
```

Tetradic Color

#2e44a4
```
#2e44a4 rgb(46,68,164)
```
#344cb8
```
#344cb8 rgb(52,76,184)
```
#3d57c8
```
#3d57c8 rgb(61,87,200)
```
#5168ce
```
#5168ce rgb(81,104,206)
```
#6579d4
```
#6579d4 rgb(101,121,212)
```
#798bd9
```
#798bd9 rgb(121,139,217)
```
#8d9cdf
```
#8d9cdf rgb(141,156,223)
```

Monochromatic Color

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

#5187ce
```
#5187ce rgb(81,135,206)
```
#517dce
```
#517dce rgb(81,125,206)
```
#5172ce
```
#5172ce rgb(81,114,206)
```
#5168ce
```
#5168ce rgb(81,104,206)
```
#515ece
```
#515ece rgb(81,94,206)
```
#5153ce
```
#5153ce rgb(81,83,206)
```
#5951ce
```
#5951ce rgb(89,81,206)
```

Similar Colors

Text with hexadecimal color #5168ce

This text has a font color of #5168ce.

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

#5168ce background color

This paragraph has a background color of #5168ce.

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

#5168ce border color

This element has a border color of #5168ce.

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

CSS codes

.text {color:#5168ce;}

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

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

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, #03040a is the darkest color, while #f9fafd is the lightest one.

#03040a
```
#03040a rgb(3,4,10)
```
#070a19
```
#070a19 rgb(7,10,25)
```
#0b1128
```
#0b1128 rgb(11,17,40)
```
#101738
```
#101738 rgb(16,23,56)
```
#141d47
```
#141d47 rgb(20,29,71)
```
#182456
```
#182456 rgb(24,36,86)
```
#1d2a65
```
#1d2a65 rgb(29,42,101)
```
#213075
```
#213075 rgb(33,48,117)
```
#253784
```
#253784 rgb(37,55,132)
```
#2a3d93
```
#2a3d93 rgb(42,61,147)
```
#2e43a3
```
#2e43a3 rgb(46,67,163)
```
#324ab2
```
#324ab2 rgb(50,74,178)
```
#3650c1
```
#3650c1 rgb(54,80,193)
```

Shade Color Variation

#425bca
```
#425bca rgb(66,91,202)
```
#5168ce
```
#5168ce rgb(81,104,206)
```
#6075d2
```
#6075d2 rgb(96,117,210)
```
#7083d7
```
#7083d7 rgb(112,131,215)
```
#7f90db
```
#7f90db rgb(127,144,219)
```
#8e9ddf
```
#8e9ddf rgb(142,157,223)
```
#9eaae4
```
#9eaae4 rgb(158,170,228)
```
#adb8e8
```
#adb8e8 rgb(173,184,232)
```
#bcc5ec
```
#bcc5ec rgb(188,197,236)
```
#cbd2f0
```
#cbd2f0 rgb(203,210,240)
```
#dbe0f5
```
#dbe0f5 rgb(219,224,245)
```
#eaedf9
```
#eaedf9 rgb(234,237,249)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d8e92 is the less saturated color, while #264df9 is the most saturated one.

#8d8e92
```
#8d8e92 rgb(141,142,146)
```
#84899b
```
#84899b rgb(132,137,155)
```
#7c83a3
```
#7c83a3 rgb(124,131,163)
```
#737eac
```
#737eac rgb(115,126,172)
```
#6b78b4
```
#6b78b4 rgb(107,120,180)
```
#6273bd
```
#6273bd rgb(98,115,189)
```
#5a6dc5
```
#5a6dc5 rgb(90,109,197)
```
#5168ce
```
#5168ce rgb(81,104,206)
```
#4863d7
```
#4863d7 rgb(72,99,215)
```
#405ddf
```
#405ddf rgb(64,93,223)
```
#3758e8
```
#3758e8 rgb(55,88,232)
```
#2f52f0
```
#2f52f0 rgb(47,82,240)
```
#264df9
```
#264df9 rgb(38,77,249)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#676c80 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c73d4 Protanopia 1% of men
#0079c9 Deuteranopia 1% of men
#2c818b Tritanopia 0.001% of the population

Trichromacy

#436fd1 Protanomaly 1% of men, 0.01% of women
#1d72cb Deuteranomaly 6% of men, 0.4% of women
#3978a3 Tritanomaly 0.01% of the population

#5168ce hex color

#5168ce Color Information

#5168ce Color Conversion

Color Schemes with #5168ce

Alternatives to #5168ce

#5168ce Preview

Shades and Tints of #5168ce

Tones of #5168ce

Color Blindness Simulator