#5530e2 hex color

In a RGB color space, hex #5530e2 is composed of 33.3% red, 18.8% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 62.4% cyan, 78.8% magenta, 0% yellow and 11.4% black. It has a hue angle of 252.5 degrees, a saturation of 75.4% and a lightness of 53.7%. #5530e2 color hex could be obtained by blending #aa60ff with #0000c5. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 33
- G 19
- B 89
RGB color chart
- C 62
- M 79
- Y 0
- K 11
CMYK color chart

● #5530e2 color description : Bright blue.

The hexadecimal color #5530e2 has RGB values of R:85, G:48, B:226 and CMYK values of C:0.62, M:0.79, Y:0, K:0.11. Its decimal value is 5583074.

Hex triplet	5530e2	`#5530e2`
RGB Decimal	85, 48, 226	`rgb(85,48,226)`
RGB Percent	33.3, 18.8, 88.6	`rgb(33.3%,18.8%,88.6%)`
CMYK	62, 79, 0, 11
HSL	252.5°, 75.4, 53.7	`hsl(252.5,75.4%,53.7%)`
HSV (or HSB)	252.5°, 78.8, 88.6
Web Safe	6633cc	`#6633cc`

CIE-LAB	36.995, 61.484, -83.523
XYZ	18.528, 9.535, 72.812
xyY	0.184, 0.095, 9.535
CIE-LCH	36.995, 103.713, 306.358
CIE-LUV	36.995, -1.349, -116.625
Hunter-Lab	30.88, 53.063, -118.185
Binary	01010101, 00110000, 11100010

#5530e2
```
#5530e2 rgb(85,48,226)
```
#bde230
```
#bde230 rgb(189,226,48)
```

Complementary Color

#3064e2
```
#3064e2 rgb(48,100,226)
```
#5530e2
```
#5530e2 rgb(85,48,226)
```
#ae30e2
```
#ae30e2 rgb(174,48,226)
```

Analogous Color

#64e230
```
#64e230 rgb(100,226,48)
```
#5530e2
```
#5530e2 rgb(85,48,226)
```
#e2ae30
```
#e2ae30 rgb(226,174,48)
```

Split Complementary Color

#30e255
```
#30e255 rgb(48,226,85)
```
#5530e2
```
#5530e2 rgb(85,48,226)
```
#e25530
```
#e25530 rgb(226,85,48)
```

Triadic Color

#30bde2
```
#30bde2 rgb(48,189,226)
```
#5530e2
```
#5530e2 rgb(85,48,226)
```
#e25530
```
#e25530 rgb(226,85,48)
```
#bde230
```
#bde230 rgb(189,226,48)
```

Tetradic Color

#3718ad
```
#3718ad rgb(55,24,173)
```
#3e1bc4
```
#3e1bc4 rgb(62,27,196)
```
#451fda
```
#451fda rgb(69,31,218)
```
#5530e2
```
#5530e2 rgb(85,48,226)
```
#6746e5
```
#6746e5 rgb(103,70,229)
```
#7a5de8
```
#7a5de8 rgb(122,93,232)
```
#8c73eb
```
#8c73eb rgb(140,115,235)
```

Monochromatic Color

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

#3038e2
```
#3038e2 rgb(48,56,226)
```
#3730e2
```
#3730e2 rgb(55,48,226)
```
#4630e2
```
#4630e2 rgb(70,48,226)
```
#5530e2
```
#5530e2 rgb(85,48,226)
```
#6430e2
```
#6430e2 rgb(100,48,226)
```
#7330e2
```
#7330e2 rgb(115,48,226)
```
#8230e2
```
#8230e2 rgb(130,48,226)
```

Similar Colors

Text with hexadecimal color #5530e2

This text has a font color of #5530e2.

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

#5530e2 background color

This paragraph has a background color of #5530e2.

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

#5530e2 border color

This element has a border color of #5530e2.

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

CSS codes

.text {color:#5530e2;}

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

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

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

#050211
```
#050211 rgb(5,2,17)
```
#0b0522
```
#0b0522 rgb(11,5,34)
```
#100733
```
#100733 rgb(16,7,51)
```
#160a44
```
#160a44 rgb(22,10,68)
```
#1b0c55
```
#1b0c55 rgb(27,12,85)
```
#210e67
```
#210e67 rgb(33,14,103)
```
#261178
```
#261178 rgb(38,17,120)
```
#2c1389
```
#2c1389 rgb(44,19,137)
```
#31169a
```
#31169a rgb(49,22,154)
```
#3718ac
```
#3718ac rgb(55,24,172)
```
#3c1abd
```
#3c1abd rgb(60,26,189)
```
#421dce
```
#421dce rgb(66,29,206)
```
#471fdf
```
#471fdf rgb(71,31,223)
```

Shade Color Variation

#5530e2
```
#5530e2 rgb(85,48,226)
```
#6341e4
```
#6341e4 rgb(99,65,228)
```
#7152e7
```
#7152e7 rgb(113,82,231)
```
#7f64e9
```
#7f64e9 rgb(127,100,233)
```
#8e75ec
```
#8e75ec rgb(142,117,236)
```
#9c86ee
```
#9c86ee rgb(156,134,238)
```
#aa97f0
```
#aa97f0 rgb(170,151,240)
```
#b8a8f3
```
#b8a8f3 rgb(184,168,243)
```
#c6baf5
```
#c6baf5 rgb(198,186,245)
```
#d4cbf8
```
#d4cbf8 rgb(212,203,248)
```
#e2dcfa
```
#e2dcfa rgb(226,220,250)
```
#f0edfd
```
#f0edfd rgb(240,237,253)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#858290
```
#858290 rgb(133,130,144)
```
#7f7999
```
#7f7999 rgb(127,121,153)
```
#7a70a2
```
#7a70a2 rgb(122,112,162)
```
#7566ac
```
#7566ac rgb(117,102,172)
```
#705db5
```
#705db5 rgb(112,93,181)
```
#6a54be
```
#6a54be rgb(106,84,190)
```
#654bc7
```
#654bc7 rgb(101,75,199)
```
#6042d0
```
#6042d0 rgb(96,66,208)
```
#5a39d9
```
#5a39d9 rgb(90,57,217)
```
#5530e2
```
#5530e2 rgb(85,48,226)
```
#5027eb
```
#5027eb rgb(80,39,235)
```
#4a1ef4
```
#4a1ef4 rgb(74,30,244)
```
#4515fd
```
#4515fd rgb(69,21,253)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#50496c Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db4 Protanopia 1% of men
#00629c Deuteranopia 1% of men
#006970 Tritanopia 0.001% of the population

Trichromacy

#1e4cc5 Protanomaly 1% of men, 0.01% of women
#1e50b6 Deuteranomaly 6% of men, 0.4% of women
#1e5499 Tritanomaly 0.01% of the population

#5530e2 hex color

#5530e2 Color Information

#5530e2 Color Conversion

Color Schemes with #5530e2

Alternatives to #5530e2

#5530e2 Preview

Shades and Tints of #5530e2

Tones of #5530e2

Color Blindness Simulator