#5525ed hex color

In a RGB color space, hex #5525ed is composed of 33.3% red, 14.5% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 64.1% cyan, 84.4% magenta, 0% yellow and 7.1% black. It has a hue angle of 254.4 degrees, a saturation of 84.7% and a lightness of 53.7%. #5525ed color hex could be obtained by blending #aa4aff with #0000db. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 33
- G 15
- B 93
RGB color chart
- C 64
- M 84
- Y 0
- K 7
CMYK color chart

● #5525ed color description : Bright blue.

The hexadecimal color #5525ed has RGB values of R:85, G:37, B:237 and CMYK values of C:0.64, M:0.84, Y:0, K:0.07. Its decimal value is 5580269.

Hex triplet	5525ed	`#5525ed`
RGB Decimal	85, 37, 237	`rgb(85,37,237)`
RGB Percent	33.3, 14.5, 92.9	`rgb(33.3%,14.5%,92.9%)`
CMYK	64, 84, 0, 7
HSL	254.4°, 84.7, 53.7	`hsl(254.4,84.7%,53.7%)`
HSV (or HSB)	254.4°, 84.4, 92.9
Web Safe	6633ff	`#6633ff`

CIE-LAB	36.684, 68.772, -90.301
XYZ	19.691, 9.368, 80.887
xyY	0.179, 0.085, 9.368
CIE-LCH	36.684, 113.507, 307.292
CIE-LUV	36.684, -1.113, -123.541
Hunter-Lab	30.607, 61.274, -135.262
Binary	01010101, 00100101, 11101101

#5525ed
```
#5525ed rgb(85,37,237)
```
#bded25
```
#bded25 rgb(189,237,37)
```

Complementary Color

#2559ed
```
#2559ed rgb(37,89,237)
```
#5525ed
```
#5525ed rgb(85,37,237)
```
#b925ed
```
#b925ed rgb(185,37,237)
```

Analogous Color

#59ed25
```
#59ed25 rgb(89,237,37)
```
#5525ed
```
#5525ed rgb(85,37,237)
```
#edb925
```
#edb925 rgb(237,185,37)
```

Split Complementary Color

#25ed55
```
#25ed55 rgb(37,237,85)
```
#5525ed
```
#5525ed rgb(85,37,237)
```
#ed5525
```
#ed5525 rgb(237,85,37)
```

Triadic Color

#25bded
```
#25bded rgb(37,189,237)
```
#5525ed
```
#5525ed rgb(85,37,237)
```
#ed5525
```
#ed5525 rgb(237,85,37)
```
#bded25
```
#bded25 rgb(189,237,37)
```

Tetradic Color

#370fb6
```
#370fb6 rgb(55,15,182)
```
#3e11ce
```
#3e11ce rgb(62,17,206)
```
#4513e6
```
#4513e6 rgb(69,19,230)
```
#5525ed
```
#5525ed rgb(85,37,237)
```
#673def
```
#673def rgb(103,61,239)
```
#7a54f1
```
#7a54f1 rgb(122,84,241)
```
#8c6cf3
```
#8c6cf3 rgb(140,108,243)
```

Monochromatic Color

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

#2527ed
```
#2527ed rgb(37,39,237)
```
#3425ed
```
#3425ed rgb(52,37,237)
```
#4425ed
```
#4425ed rgb(68,37,237)
```
#5525ed
```
#5525ed rgb(85,37,237)
```
#6625ed
```
#6625ed rgb(102,37,237)
```
#7625ed
```
#7625ed rgb(118,37,237)
```
#8725ed
```
#8725ed rgb(135,37,237)
```

Similar Colors

Text with hexadecimal color #5525ed

This text has a font color of #5525ed.

<span style="color:#5525ed;">Text here</span>

#5525ed background color

This paragraph has a background color of #5525ed.

<p style="background-color:#5525ed;">Content here</p>

#5525ed border color

This element has a border color of #5525ed.

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

CSS codes

.text {color:#5525ed;}

.background {background-color:#5525ed;}

.border {border:1px solid #5525ed;}

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

#050112
```
#050112 rgb(5,1,18)
```
#0b0324
```
#0b0324 rgb(11,3,36)
```
#100436
```
#100436 rgb(16,4,54)
```
#160648
```
#160648 rgb(22,6,72)
```
#1b075a
```
#1b075a rgb(27,7,90)
```
#21096c
```
#21096c rgb(33,9,108)
```
#260a7e
```
#260a7e rgb(38,10,126)
```
#2c0c90
```
#2c0c90 rgb(44,12,144)
```
#310da3
```
#310da3 rgb(49,13,163)
```
#370fb5
```
#370fb5 rgb(55,15,181)
```
#3c10c7
```
#3c10c7 rgb(60,16,199)
```
#4212d9
```
#4212d9 rgb(66,18,217)
```
#4713eb
```
#4713eb rgb(71,19,235)
```

Shade Color Variation

#5525ed
```
#5525ed rgb(85,37,237)
```
#6337ee
```
#6337ee rgb(99,55,238)
```
#7149f0
```
#7149f0 rgb(113,73,240)
```
#7f5bf1
```
#7f5bf1 rgb(127,91,241)
```
#8e6df3
```
#8e6df3 rgb(142,109,243)
```
#9c80f4
```
#9c80f4 rgb(156,128,244)
```
#aa92f6
```
#aa92f6 rgb(170,146,246)
```
#b8a4f7
```
#b8a4f7 rgb(184,164,247)
```
#c6b6f9
```
#c6b6f9 rgb(198,182,249)
```
#d4c8fa
```
#d4c8fa rgb(212,200,250)
```
#e2dafc
```
#e2dafc rgb(226,218,252)
```
#f0ecfd
```
#f0ecfd rgb(240,236,253)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#898989
```
#898989 rgb(137,137,137)
```
#848092
```
#848092 rgb(132,128,146)
```
#7f779b
```
#7f779b rgb(127,119,155)
```
#7b6ea4
```
#7b6ea4 rgb(123,110,164)
```
#7665ad
```
#7665ad rgb(118,101,173)
```
#715bb7
```
#715bb7 rgb(113,91,183)
```
#6d52c0
```
#6d52c0 rgb(109,82,192)
```
#6849c9
```
#6849c9 rgb(104,73,201)
```
#6340d2
```
#6340d2 rgb(99,64,210)
```
#5e37db
```
#5e37db rgb(94,55,219)
```
#5a2ee4
```
#5a2ee4 rgb(90,46,228)
```
#5525ed
```
#5525ed rgb(85,37,237)
```
#501cf6
```
#501cf6 rgb(80,28,246)
```

Tone Color Variation

Below, you can see how #5525ed 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

#4a4a4a Achromatopsia 0.005% of the population
#4c436b Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb3 Protanopia 1% of men
#00619b Deuteranopia 1% of men
#00686e Tritanopia 0.001% of the population

Trichromacy

#1e48c8 Protanomaly 1% of men, 0.01% of women
#1e4bb9 Deuteranomaly 6% of men, 0.4% of women
#1e4f9c Tritanomaly 0.01% of the population

#5525ed hex color

#5525ed Color Information

#5525ed Color Conversion

Color Schemes with #5525ed

Alternatives to #5525ed

#5525ed Preview

Shades and Tints of #5525ed

Tones of #5525ed

Color Blindness Simulator