#836bd2 hex color

In a RGB color space, hex #836bd2 is composed of 51.4% red, 42% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 37.6% cyan, 49% magenta, 0% yellow and 17.6% black. It has a hue angle of 254 degrees, a saturation of 53.4% and a lightness of 62.2%. #836bd2 color hex could be obtained by blending #ffd6ff with #0700a5. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 51
- G 42
- B 82
RGB color chart
- C 38
- M 49
- Y 0
- K 18
CMYK color chart

● #836bd2 color description : Slightly desaturated blue.

The hexadecimal color #836bd2 has RGB values of R:131, G:107, B:210 and CMYK values of C:0.38, M:0.49, Y:0, K:0.18. Its decimal value is 8612818.

Hex triplet	836bd2	`#836bd2`
RGB Decimal	131, 107, 210	`rgb(131,107,210)`
RGB Percent	51.4, 42, 82.4	`rgb(51.4%,42%,82.4%)`
CMYK	38, 49, 0, 18
HSL	254°, 53.4, 62.2	`hsl(254,53.4%,62.2%)`
HSV (or HSB)	254°, 49, 82.4
Web Safe	9966cc	`#9966cc`

CIE-LAB	51.83, 33.236, -50.101
XYZ	26.249, 19.994, 63.445
xyY	0.239, 0.182, 19.994
CIE-LCH	51.83, 60.122, 303.559
CIE-LUV	51.83, 3.669, -80.815
Hunter-Lab	44.714, 26.535, -52.827
Binary	10000011, 01101011, 11010010

#836bd2
```
#836bd2 rgb(131,107,210)
```
#bad26b
```
#bad26b rgb(186,210,107)
```

Complementary Color

#6b87d2
```
#6b87d2 rgb(107,135,210)
```
#836bd2
```
#836bd2 rgb(131,107,210)
```
#b76bd2
```
#b76bd2 rgb(183,107,210)
```

Analogous Color

#87d26b
```
#87d26b rgb(135,210,107)
```
#836bd2
```
#836bd2 rgb(131,107,210)
```
#d2b76b
```
#d2b76b rgb(210,183,107)
```

Split Complementary Color

#6bd283
```
#6bd283 rgb(107,210,131)
```
#836bd2
```
#836bd2 rgb(131,107,210)
```
#d2836b
```
#d2836b rgb(210,131,107)
```

Triadic Color

#6bbad2
```
#6bbad2 rgb(107,186,210)
```
#836bd2
```
#836bd2 rgb(131,107,210)
```
#d2836b
```
#d2836b rgb(210,131,107)
```
#bad26b
```
#bad26b rgb(186,210,107)
```

Tetradic Color

#5638b8
```
#5638b8 rgb(86,56,184)
```
#6244c6
```
#6244c6 rgb(98,68,198)
```
#7357cc
```
#7357cc rgb(115,87,204)
```
#836bd2
```
#836bd2 rgb(131,107,210)
```
#937fd8
```
#937fd8 rgb(147,127,216)
```
#a492de
```
#a492de rgb(164,146,222)
```
#b4a6e4
```
#b4a6e4 rgb(180,166,228)
```

Monochromatic Color

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

#6b6dd2
```
#6b6dd2 rgb(107,109,210)
```
#726bd2
```
#726bd2 rgb(114,107,210)
```
#7a6bd2
```
#7a6bd2 rgb(122,107,210)
```
#836bd2
```
#836bd2 rgb(131,107,210)
```
#8c6bd2
```
#8c6bd2 rgb(140,107,210)
```
#946bd2
```
#946bd2 rgb(148,107,210)
```
#9d6bd2
```
#9d6bd2 rgb(157,107,210)
```

Similar Colors

Text with hexadecimal color #836bd2

This text has a font color of #836bd2.

<span style="color:#836bd2;">Text here</span>

#836bd2 background color

This paragraph has a background color of #836bd2.

<p style="background-color:#836bd2;">Content here</p>

#836bd2 border color

This element has a border color of #836bd2.

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

CSS codes

.text {color:#836bd2;}

.background {background-color:#836bd2;}

.border {border:1px solid #836bd2;}

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

#010102
```
#010102 rgb(1,1,2)
```
#080511
```
#080511 rgb(8,5,17)
```
#0f0a21
```
#0f0a21 rgb(15,10,33)
```
#160e30
```
#160e30 rgb(22,14,48)
```
#1d133f
```
#1d133f rgb(29,19,63)
```
#24184e
```
#24184e rgb(36,24,78)
```
#2b1c5d
```
#2b1c5d rgb(43,28,93)
```
#32216c
```
#32216c rgb(50,33,108)
```
#39257b
```
#39257b rgb(57,37,123)
```
#402a8a
```
#402a8a rgb(64,42,138)
```
#472e99
```
#472e99 rgb(71,46,153)
```
#4e33a8
```
#4e33a8 rgb(78,51,168)
```
#5538b7
```
#5538b7 rgb(85,56,183)
```

Shade Color Variation

#5d3ec4
```
#5d3ec4 rgb(93,62,196)
```
#6a4dc9
```
#6a4dc9 rgb(106,77,201)
```
#765ccd
```
#765ccd rgb(118,92,205)
```
#836bd2
```
#836bd2 rgb(131,107,210)
```
#907ad7
```
#907ad7 rgb(144,122,215)
```
#9c89db
```
#9c89db rgb(156,137,219)
```
#a998e0
```
#a998e0 rgb(169,152,224)
```
#b5a7e4
```
#b5a7e4 rgb(181,167,228)
```
#c2b6e9
```
#c2b6e9 rgb(194,182,233)
```
#cfc5ed
```
#cfc5ed rgb(207,197,237)
```
#dbd4f2
```
#dbd4f2 rgb(219,212,242)
```
#e8e3f7
```
#e8e3f7 rgb(232,227,247)
```
#f4f2fb
```
#f4f2fb rgb(244,242,251)
```

Tint Color Variation

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

#9b98a5
```
#9b98a5 rgb(155,152,165)
```
#9790ad
```
#9790ad rgb(151,144,173)
```
#9389b4
```
#9389b4 rgb(147,137,180)
```
#8f81bc
```
#8f81bc rgb(143,129,188)
```
#8b7ac3
```
#8b7ac3 rgb(139,122,195)
```
#8772cb
```
#8772cb rgb(135,114,203)
```
#836bd2
```
#836bd2 rgb(131,107,210)
```
#7f64d9
```
#7f64d9 rgb(127,100,217)
```
#7b5ce1
```
#7b5ce1 rgb(123,92,225)
```
#7755e8
```
#7755e8 rgb(119,85,232)
```
#734df0
```
#734df0 rgb(115,77,240)
```
#6f46f7
```
#6f46f7 rgb(111,70,247)
```
#6b3eff
```
#6b3eff rgb(107,62,255)
```

Tone Color Variation

Below, you can see how #836bd2 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

#7e7e7e Achromatopsia 0.005% of the population
#7f7a8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e7fde Protanopia 1% of men
#4b83ce Deuteranopia 1% of men
#75848e Tritanopia 0.001% of the population

Trichromacy

#6177da Protanomaly 1% of men, 0.01% of women
#5f7acf Deuteranomaly 6% of men, 0.4% of women
#7a7ba6 Tritanomaly 0.01% of the population

#836bd2 hex color

#836bd2 Color Information

#836bd2 Color Conversion

Color Schemes with #836bd2

Alternatives to #836bd2

#836bd2 Preview

Shades and Tints of #836bd2

Tones of #836bd2

Color Blindness Simulator