colorhexa.com

#5537e6 hex color

In a RGB color space, hex #5537e6 is composed of 33.3% red, 21.6% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 63% cyan, 76.1% magenta, 0% yellow and 9.8% black. It has a hue angle of 250.3 degrees, a saturation of 77.8% and a lightness of 55.9%. #5537e6 color hex could be obtained by blending #aa6eff with #0000cd. Closest websafe color is: #6633ff.

- R 33
- G 22
- B 90
RGB color chart
- C 63
- M 76
- Y 0
- K 10
CMYK color chart

● #5537e6 color description : Bright blue.

The hexadecimal color #5537e6 has RGB values of R:85, G:55, B:230 and CMYK values of C:0.63, M:0.76, Y:0, K:0.1. Its decimal value is 5584870.

Hex triplet	5537e6	`#5537e6`
RGB Decimal	85, 55, 230	`rgb(85,55,230)`
RGB Percent	33.3, 21.6, 90.2	`rgb(33.3%,21.6%,90.2%)`
CMYK	63, 76, 0, 10
HSL	250.3°, 77.8, 55.9	`hsl(250.3,77.8%,55.9%)`
HSV (or HSB)	250.3°, 76.1, 90.2
Web Safe	6633ff	`#6633ff`

CIE-LAB	38.509, 59.401, -83.305
XYZ	19.393, 10.376, 75.839
xyY	0.184, 0.098, 10.376
CIE-LCH	38.509, 102.314, 305.491
CIE-LUV	38.509, -2.574, -118.324
Hunter-Lab	32.212, 51.093, -117.044
Binary	01010101, 00110111, 11100110

#5537e6
```
#5537e6 rgb(85,55,230)
```
#c8e637
```
#c8e637 rgb(200,230,55)
```

Complementary Color

#3771e6
```
#3771e6 rgb(55,113,230)
```
#5537e6
```
#5537e6 rgb(85,55,230)
```
#ad37e6
```
#ad37e6 rgb(173,55,230)
```

Analogous Color

#71e637
```
#71e637 rgb(113,230,55)
```
#5537e6
```
#5537e6 rgb(85,55,230)
```
#e6ad37
```
#e6ad37 rgb(230,173,55)
```

Split Complementary Color

#37e655
```
#37e655 rgb(55,230,85)
```
#5537e6
```
#5537e6 rgb(85,55,230)
```
#e65537
```
#e65537 rgb(230,85,55)
```

Triadic Color

#37c8e6
```
#37c8e6 rgb(55,200,230)
```
#5537e6
```
#5537e6 rgb(85,55,230)
```
#e65537
```
#e65537 rgb(230,85,55)
```
#c8e637
```
#c8e637 rgb(200,230,55)
```

Tetradic Color

#3317b9
```
#3317b9 rgb(51,23,185)
```
#391ad0
```
#391ad0 rgb(57,26,208)
```
#4220e3
```
#4220e3 rgb(66,32,227)
```
#5537e6
```
#5537e6 rgb(85,55,230)
```
#684ee9
```
#684ee9 rgb(104,78,233)
```
#7c64ec
```
#7c64ec rgb(124,100,236)
```
#8f7bef
```
#8f7bef rgb(143,123,239)
```

Monochromatic Color

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

#3745e6
```
#3745e6 rgb(55,69,230)
```
#3837e6
```
#3837e6 rgb(56,55,230)
```
#4637e6
```
#4637e6 rgb(70,55,230)
```
#5537e6
```
#5537e6 rgb(85,55,230)
```
#6437e6
```
#6437e6 rgb(100,55,230)
```
#7237e6
```
#7237e6 rgb(114,55,230)
```
#8137e6
```
#8137e6 rgb(129,55,230)
```

Similar Colors

Text with hexadecimal color #5537e6

This text has a font color of #5537e6.

<span style="color:#5537e6;">Text here</span>

#5537e6 background color

This paragraph has a background color of #5537e6.

<p style="background-color:#5537e6;">Content here</p>

#5537e6 border color

This element has a border color of #5537e6.

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

CSS codes

.text {color:#5537e6;}

.background {background-color:#5537e6;}

.border {border:1px solid #5537e6;}

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

#030109
```
#030109 rgb(3,1,9)
```
#07031b
```
#07031b rgb(7,3,27)
```
#0c062c
```
#0c062c rgb(12,6,44)
```
#11083e
```
#11083e rgb(17,8,62)
```
#160a4f
```
#160a4f rgb(22,10,79)
```
#1b0c60
```
#1b0c60 rgb(27,12,96)
```
#1f0e72
```
#1f0e72 rgb(31,14,114)
```
#241083
```
#241083 rgb(36,16,131)
```
#291395
```
#291395 rgb(41,19,149)
```
#2e15a6
```
#2e15a6 rgb(46,21,166)
```
#3217b8
```
#3217b8 rgb(50,23,184)
```
#3719c9
```
#3719c9 rgb(55,25,201)
```
#3c1bda
```
#3c1bda rgb(60,27,218)
```

Shade Color Variation

#4626e4
```
#4626e4 rgb(70,38,228)
```
#5537e6
```
#5537e6 rgb(85,55,230)
```
#6448e8
```
#6448e8 rgb(100,72,232)
```
#735aea
```
#735aea rgb(115,90,234)
```
#816bed
```
#816bed rgb(129,107,237)
```
#907def
```
#907def rgb(144,125,239)
```
#9f8ef1
```
#9f8ef1 rgb(159,142,241)
```
#aea0f3
```
#aea0f3 rgb(174,160,243)
```
#bdb1f5
```
#bdb1f5 rgb(189,177,245)
```
#ccc2f7
```
#ccc2f7 rgb(204,194,247)
```
#dad4fa
```
#dad4fa rgb(218,212,250)
```
#e9e5fc
```
#e9e5fc rgb(233,229,252)
```
#f8f7fe
```
#f8f7fe rgb(248,247,254)
```

Tint Color Variation

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

#8e8e8f
```
#8e8e8f rgb(142,142,143)
```
#888598
```
#888598 rgb(136,133,152)
```
#827ca1
```
#827ca1 rgb(130,124,161)
```
#7d74a9
```
#7d74a9 rgb(125,116,169)
```
#776bb2
```
#776bb2 rgb(119,107,178)
```
#7162bb
```
#7162bb rgb(113,98,187)
```
#6c5ac3
```
#6c5ac3 rgb(108,90,195)
```
#6651cc
```
#6651cc rgb(102,81,204)
```
#6048d5
```
#6048d5 rgb(96,72,213)
```
#5b40dd
```
#5b40dd rgb(91,64,221)
```
#5537e6
```
#5537e6 rgb(85,55,230)
```
#4f2eef
```
#4f2eef rgb(79,46,239)
```
#4a26f7
```
#4a26f7 rgb(74,38,247)
```

Tone Color Variation

Below, you can see how #5537e6 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
#544e71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060bb Protanopia 1% of men
#0065a2 Deuteranopia 1% of men
#006c73 Tritanopia 0.001% of the population

Trichromacy

#1e51ca Protanomaly 1% of men, 0.01% of women
#1e54bb Deuteranomaly 6% of men, 0.4% of women
#1e599d Tritanomaly 0.01% of the population