colorhexa.com

#5331d6 hex color

In a RGB color space, hex #5331d6 is composed of 32.5% red, 19.2% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 61.2% cyan, 77.1% magenta, 0% yellow and 16.1% black. It has a hue angle of 252.4 degrees, a saturation of 66.8% and a lightness of 51.6%. #5331d6 color hex could be obtained by blending #a662ff with #0000ad. Closest websafe color is: #6633cc.

- R 33
- G 19
- B 84
RGB color chart
- C 61
- M 77
- Y 0
- K 16
CMYK color chart

● #5331d6 color description : Strong blue.

The hexadecimal color #5331d6 has RGB values of R:83, G:49, B:214 and CMYK values of C:0.61, M:0.77, Y:0, K:0.16. Its decimal value is 5452246.

Hex triplet	5331d6	`#5331d6`
RGB Decimal	83, 49, 214	`rgb(83,49,214)`
RGB Percent	32.5, 19.2, 83.9	`rgb(32.5%,19.2%,83.9%)`
CMYK	61, 77, 0, 16
HSL	252.4°, 66.8, 51.6	`hsl(252.4,66.8%,51.6%)`
HSV (or HSB)	252.4°, 77.1, 83.9
Web Safe	6633cc	`#6633cc`

CIE-LAB	35.772, 57.455, -78.66
XYZ	16.801, 8.89, 64.445
xyY	0.186, 0.099, 8.89
CIE-LCH	35.772, 97.409, 306.145
CIE-LUV	35.772, -1.018, -109.469
Hunter-Lab	29.816, 48.403, -107.279
Binary	01010011, 00110001, 11010110

#5331d6
```
#5331d6 rgb(83,49,214)
```
#b4d631
```
#b4d631 rgb(180,214,49)
```

Complementary Color

#3162d6
```
#3162d6 rgb(49,98,214)
```
#5331d6
```
#5331d6 rgb(83,49,214)
```
#a631d6
```
#a631d6 rgb(166,49,214)
```

Analogous Color

#62d631
```
#62d631 rgb(98,214,49)
```
#5331d6
```
#5331d6 rgb(83,49,214)
```
#d6a631
```
#d6a631 rgb(214,166,49)
```

Split Complementary Color

#31d653
```
#31d653 rgb(49,214,83)
```
#5331d6
```
#5331d6 rgb(83,49,214)
```
#d65331
```
#d65331 rgb(214,83,49)
```

Triadic Color

#31b4d6
```
#31b4d6 rgb(49,180,214)
```
#5331d6
```
#5331d6 rgb(83,49,214)
```
#d65331
```
#d65331 rgb(214,83,49)
```
#b4d631
```
#b4d631 rgb(180,214,49)
```

Tetradic Color

#391f9c
```
#391f9c rgb(57,31,156)
```
#4023b1
```
#4023b1 rgb(64,35,177)
```
#4827c6
```
#4827c6 rgb(72,39,198)
```
#5331d6
```
#5331d6 rgb(83,49,214)
```
#6546da
```
#6546da rgb(101,70,218)
```
#775cde
```
#775cde rgb(119,92,222)
```
#8871e3
```
#8871e3 rgb(136,113,227)
```

Monochromatic Color

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

#3138d6
```
#3138d6 rgb(49,56,214)
```
#3731d6
```
#3731d6 rgb(55,49,214)
```
#4531d6
```
#4531d6 rgb(69,49,214)
```
#5331d6
```
#5331d6 rgb(83,49,214)
```
#6131d6
```
#6131d6 rgb(97,49,214)
```
#6f31d6
```
#6f31d6 rgb(111,49,214)
```
#7c31d6
```
#7c31d6 rgb(124,49,214)
```

Similar Colors

Text with hexadecimal color #5331d6

This text has a font color of #5331d6.

<span style="color:#5331d6;">Text here</span>

#5331d6 background color

This paragraph has a background color of #5331d6.

<p style="background-color:#5331d6;">Content here</p>

#5331d6 border color

This element has a border color of #5331d6.

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

CSS codes

.text {color:#5331d6;}

.background {background-color:#5331d6;}

.border {border:1px solid #5331d6;}

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

#020107
```
#020107 rgb(2,1,7)
```
#080517
```
#080517 rgb(8,5,23)
```
#0e0827
```
#0e0827 rgb(14,8,39)
```
#140b38
```
#140b38 rgb(20,11,56)
```
#1a0e48
```
#1a0e48 rgb(26,14,72)
```
#201258
```
#201258 rgb(32,18,88)
```
#261569
```
#261569 rgb(38,21,105)
```
#2c1879
```
#2c1879 rgb(44,24,121)
```
#321b8a
```
#321b8a rgb(50,27,138)
```
#381f9a
```
#381f9a rgb(56,31,154)
```
#3e22aa
```
#3e22aa rgb(62,34,170)
```
#4425bb
```
#4425bb rgb(68,37,187)
```
#4a28cb
```
#4a28cb rgb(74,40,203)
```

Shade Color Variation

#5331d6
```
#5331d6 rgb(83,49,214)
```
#6141d9
```
#6141d9 rgb(97,65,217)
```
#6e52dd
```
#6e52dd rgb(110,82,221)
```
#7c62e0
```
#7c62e0 rgb(124,98,224)
```
#8a72e3
```
#8a72e3 rgb(138,114,227)
```
#9783e6
```
#9783e6 rgb(151,131,230)
```
#a593ea
```
#a593ea rgb(165,147,234)
```
#b3a4ed
```
#b3a4ed rgb(179,164,237)
```
#c0b4f0
```
#c0b4f0 rgb(192,180,240)
```
#cec4f3
```
#cec4f3 rgb(206,196,243)
```
#dcd5f7
```
#dcd5f7 rgb(220,213,247)
```
#e9e5fa
```
#e9e5fa rgb(233,229,250)
```
#f7f5fd
```
#f7f5fd rgb(247,245,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #807d8a is the less saturated color, while #3d0bfc is the most saturated one.

#807d8a
```
#807d8a rgb(128,125,138)
```
#7a7494
```
#7a7494 rgb(122,116,148)
```
#756a9d
```
#756a9d rgb(117,106,157)
```
#6f61a7
```
#6f61a7 rgb(111,97,167)
```
#6957b0
```
#6957b0 rgb(105,87,176)
```
#644eba
```
#644eba rgb(100,78,186)
```
#5e44c3
```
#5e44c3 rgb(94,68,195)
```
#593bcd
```
#593bcd rgb(89,59,205)
```
#5331d6
```
#5331d6 rgb(83,49,214)
```
#4d28e0
```
#4d28e0 rgb(77,40,224)
```
#481ee9
```
#481ee9 rgb(72,30,233)
```
#4215f3
```
#4215f3 rgb(66,21,243)
```
#3d0bfc
```
#3d0bfc rgb(61,11,252)
```

Tone Color Variation

Below, you can see how #5331d6 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

#4e4e4e Achromatopsia 0.005% of the population
#4f4869 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005aaf Protanopia 1% of men
#005f98 Deuteranopia 1% of men
#00666d Tritanopia 0.001% of the population

Trichromacy

#1e4bbd Protanomaly 1% of men, 0.01% of women
#1e4eae Deuteranomaly 6% of men, 0.4% of women
#1e5293 Tritanomaly 0.01% of the population