#5836e2 hex color

In a RGB color space, hex #5836e2 is composed of 34.5% red, 21.2% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 61.1% cyan, 76.1% magenta, 0% yellow and 11.4% black. It has a hue angle of 251.9 degrees, a saturation of 74.8% and a lightness of 54.9%. #5836e2 color hex could be obtained by blending #b06cff with #0000c5. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 35
- G 21
- B 89
RGB color chart
- C 61
- M 76
- Y 0
- K 11
CMYK color chart

● #5836e2 color description : Bright blue.

The hexadecimal color #5836e2 has RGB values of R:88, G:54, B:226 and CMYK values of C:0.61, M:0.76, Y:0, K:0.11. Its decimal value is 5781218.

Hex triplet	5836e2	`#5836e2`
RGB Decimal	88, 54, 226	`rgb(88,54,226)`
RGB Percent	34.5, 21.2, 88.6	`rgb(34.5%,21.2%,88.6%)`
CMYK	61, 76, 0, 11
HSL	251.9°, 74.8, 54.9	`hsl(251.9,74.8%,54.9%)`
HSV (or HSB)	251.9°, 76.1, 88.6
Web Safe	6633cc	`#6633cc`

CIE-LAB	38.205, 59.063, -81.518
XYZ	19.069, 10.203, 72.912
xyY	0.187, 0.1, 10.203
CIE-LCH	38.205, 100.666, 305.925
CIE-LUV	38.205, -1.337, -115.916
Hunter-Lab	31.943, 50.658, -112.975
Binary	01011000, 00110110, 11100010

#5836e2
```
#5836e2 rgb(88,54,226)
```
#c0e236
```
#c0e236 rgb(192,226,54)
```

Complementary Color

#366ae2
```
#366ae2 rgb(54,106,226)
```
#5836e2
```
#5836e2 rgb(88,54,226)
```
#ae36e2
```
#ae36e2 rgb(174,54,226)
```

Analogous Color

#6ae236
```
#6ae236 rgb(106,226,54)
```
#5836e2
```
#5836e2 rgb(88,54,226)
```
#e2ae36
```
#e2ae36 rgb(226,174,54)
```

Split Complementary Color

#36e258
```
#36e258 rgb(54,226,88)
```
#5836e2
```
#5836e2 rgb(88,54,226)
```
#e25836
```
#e25836 rgb(226,88,54)
```

Triadic Color

#36c0e2
```
#36c0e2 rgb(54,192,226)
```
#5836e2
```
#5836e2 rgb(88,54,226)
```
#e25836
```
#e25836 rgb(226,88,54)
```
#c0e236
```
#c0e236 rgb(192,226,54)
```

Tetradic Color

#381ab2
```
#381ab2 rgb(56,26,178)
```
#3f1dc8
```
#3f1dc8 rgb(63,29,200)
```
#4620de
```
#4620de rgb(70,32,222)
```
#5836e2
```
#5836e2 rgb(88,54,226)
```
#6b4ce5
```
#6b4ce5 rgb(107,76,229)
```
#7d63e8
```
#7d63e8 rgb(125,99,232)
```
#9079ec
```
#9079ec rgb(144,121,236)
```

Monochromatic Color

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

#363fe2
```
#363fe2 rgb(54,63,226)
```
#3b36e2
```
#3b36e2 rgb(59,54,226)
```
#4a36e2
```
#4a36e2 rgb(74,54,226)
```
#5836e2
```
#5836e2 rgb(88,54,226)
```
#6636e2
```
#6636e2 rgb(102,54,226)
```
#7536e2
```
#7536e2 rgb(117,54,226)
```
#8336e2
```
#8336e2 rgb(131,54,226)
```

Similar Colors

Text with hexadecimal color #5836e2

This text has a font color of #5836e2.

<span style="color:#5836e2;">Text here</span>

#5836e2 background color

This paragraph has a background color of #5836e2.

<p style="background-color:#5836e2;">Content here</p>

#5836e2 border color

This element has a border color of #5836e2.

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

CSS codes

.text {color:#5836e2;}

.background {background-color:#5836e2;}

.border {border:1px solid #5836e2;}

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

#010105
```
#010105 rgb(1,1,5)
```
#070316
```
#070316 rgb(7,3,22)
```
#0c0627
```
#0c0627 rgb(12,6,39)
```
#120838
```
#120838 rgb(18,8,56)
```
#170b49
```
#170b49 rgb(23,11,73)
```
#1c0d5a
```
#1c0d5a rgb(28,13,90)
```
#22106c
```
#22106c rgb(34,16,108)
```
#27127d
```
#27127d rgb(39,18,125)
```
#2c148e
```
#2c148e rgb(44,20,142)
```
#32179f
```
#32179f rgb(50,23,159)
```
#3719b0
```
#3719b0 rgb(55,25,176)
```
#3d1cc1
```
#3d1cc1 rgb(61,28,193)
```
#421ed2
```
#421ed2 rgb(66,30,210)
```

Shade Color Variation

#4a25e0
```
#4a25e0 rgb(74,37,224)
```
#5836e2
```
#5836e2 rgb(88,54,226)
```
#6647e4
```
#6647e4 rgb(102,71,228)
```
#7458e7
```
#7458e7 rgb(116,88,231)
```
#8369e9
```
#8369e9 rgb(131,105,233)
```
#917bec
```
#917bec rgb(145,123,236)
```
#9f8cee
```
#9f8cee rgb(159,140,238)
```
#ad9df1
```
#ad9df1 rgb(173,157,241)
```
#bcaef3
```
#bcaef3 rgb(188,174,243)
```
#cabff6
```
#cabff6 rgb(202,191,246)
```
#d8d0f8
```
#d8d0f8 rgb(216,208,248)
```
#e6e1fb
```
#e6e1fb rgb(230,225,251)
```
#f5f3fd
```
#f5f3fd rgb(245,243,253)
```

Tint Color Variation

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

#888692
```
#888692 rgb(136,134,146)
```
#837d9b
```
#837d9b rgb(131,125,155)
```
#7d74a4
```
#7d74a4 rgb(125,116,164)
```
#786bad
```
#786bad rgb(120,107,173)
```
#7362b6
```
#7362b6 rgb(115,98,182)
```
#6d59bf
```
#6d59bf rgb(109,89,191)
```
#6851c7
```
#6851c7 rgb(104,81,199)
```
#6348d0
```
#6348d0 rgb(99,72,208)
```
#5d3fd9
```
#5d3fd9 rgb(93,63,217)
```
#5836e2
```
#5836e2 rgb(88,54,226)
```
#532deb
```
#532deb rgb(83,45,235)
```
#4d24f4
```
#4d24f4 rgb(77,36,244)
```
#481bfd
```
#481bfd rgb(72,27,253)
```

Tone Color Variation

Below, you can see how #5836e2 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

#545454 Achromatopsia 0.005% of the population
#554e70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fba Protanopia 1% of men
#0065a1 Deuteranopia 1% of men
#006c73 Tritanopia 0.001% of the population

Trichromacy

#2050c8 Protanomaly 1% of men, 0.01% of women
#2054b9 Deuteranomaly 6% of men, 0.4% of women
#20589b Tritanomaly 0.01% of the population

#5836e2 hex color

#5836e2 Color Information

#5836e2 Color Conversion

Color Schemes with #5836e2

Alternatives to #5836e2

#5836e2 Preview

Shades and Tints of #5836e2

Tones of #5836e2

Color Blindness Simulator