#5525f6 hex color

In a RGB color space, hex #5525f6 is composed of 33.3% red, 14.5% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 65.4% cyan, 85% magenta, 0% yellow and 3.5% black. It has a hue angle of 253.8 degrees, a saturation of 92.1% and a lightness of 55.5%. #5525f6 color hex could be obtained by blending #aa4aff with #0000ed. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 33
- G 15
- B 96
RGB color chart
- C 65
- M 85
- Y 0
- K 4
CMYK color chart

● #5525f6 color description : Bright blue.

The hexadecimal color #5525f6 has RGB values of R:85, G:37, B:246 and CMYK values of C:0.65, M:0.85, Y:0, K:0.04. Its decimal value is 5580278.

Hex triplet	5525f6	`#5525f6`
RGB Decimal	85, 37, 246	`rgb(85,37,246)`
RGB Percent	33.3, 14.5, 96.5	`rgb(33.3%,14.5%,96.5%)`
CMYK	65, 85, 0, 4
HSL	253.8°, 92.1, 55.5	`hsl(253.8,92.1%,55.5%)`
HSV (or HSB)	253.8°, 85, 96.5
Web Safe	6633ff	`#6633ff`

CIE-LAB	37.676, 71.099, -93.743
XYZ	21.039, 9.907, 87.987
xyY	0.177, 0.083, 9.907
CIE-LCH	37.676, 117.656, 307.178
CIE-LUV	37.676, -1.839, -128.666
Hunter-Lab	31.476, 64.231, -143.705
Binary	01010101, 00100101, 11110110

#5525f6
```
#5525f6 rgb(85,37,246)
```
#c6f625
```
#c6f625 rgb(198,246,37)
```

Complementary Color

#255ef6
```
#255ef6 rgb(37,94,246)
```
#5525f6
```
#5525f6 rgb(85,37,246)
```
#be25f6
```
#be25f6 rgb(190,37,246)
```

Analogous Color

#5ef625
```
#5ef625 rgb(94,246,37)
```
#5525f6
```
#5525f6 rgb(85,37,246)
```
#f6be25
```
#f6be25 rgb(246,190,37)
```

Split Complementary Color

#25f655
```
#25f655 rgb(37,246,85)
```
#5525f6
```
#5525f6 rgb(85,37,246)
```
#f65525
```
#f65525 rgb(246,85,37)
```

Triadic Color

#25c6f6
```
#25c6f6 rgb(37,198,246)
```
#5525f6
```
#5525f6 rgb(85,37,246)
```
#f65525
```
#f65525 rgb(246,85,37)
```
#c6f625
```
#c6f625 rgb(198,246,37)
```

Tetradic Color

#3408c6
```
#3408c6 rgb(52,8,198)
```
#3a09df
```
#3a09df rgb(58,9,223)
```
#420df5
```
#420df5 rgb(66,13,245)
```
#5525f6
```
#5525f6 rgb(85,37,246)
```
#683df7
```
#683df7 rgb(104,61,247)
```
#7b56f8
```
#7b56f8 rgb(123,86,248)
```
#8e6ef9
```
#8e6ef9 rgb(142,110,249)
```

Monochromatic Color

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

#2529f6
```
#2529f6 rgb(37,41,246)
```
#3225f6
```
#3225f6 rgb(50,37,246)
```
#4425f6
```
#4425f6 rgb(68,37,246)
```
#5525f6
```
#5525f6 rgb(85,37,246)
```
#6625f6
```
#6625f6 rgb(102,37,246)
```
#7825f6
```
#7825f6 rgb(120,37,246)
```
#8925f6
```
#8925f6 rgb(137,37,246)
```

Similar Colors

Text with hexadecimal color #5525f6

This text has a font color of #5525f6.

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

#5525f6 background color

This paragraph has a background color of #5525f6.

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

#5525f6 border color

This element has a border color of #5525f6.

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

CSS codes

.text {color:#5525f6;}

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

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

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

#020008
```
#020008 rgb(2,0,8)
```
#07011b
```
#07011b rgb(7,1,27)
```
#0c022e
```
#0c022e rgb(12,2,46)
```
#110341
```
#110341 rgb(17,3,65)
```
#160353
```
#160353 rgb(22,3,83)
```
#1b0466
```
#1b0466 rgb(27,4,102)
```
#200579
```
#200579 rgb(32,5,121)
```
#25068c
```
#25068c rgb(37,6,140)
```
#2a079f
```
#2a079f rgb(42,7,159)
```
#2e07b2
```
#2e07b2 rgb(46,7,178)
```
#3308c4
```
#3308c4 rgb(51,8,196)
```
#3809d7
```
#3809d7 rgb(56,9,215)
```
#3d0aea
```
#3d0aea rgb(61,10,234)
```

Shade Color Variation

#4612f5
```
#4612f5 rgb(70,18,245)
```
#5525f6
```
#5525f6 rgb(85,37,246)
```
#6438f7
```
#6438f7 rgb(100,56,247)
```
#724bf8
```
#724bf8 rgb(114,75,248)
```
#815ef8
```
#815ef8 rgb(129,94,248)
```
#9070f9
```
#9070f9 rgb(144,112,249)
```
#9e83fa
```
#9e83fa rgb(158,131,250)
```
#ad96fb
```
#ad96fb rgb(173,150,251)
```
#bca9fb
```
#bca9fb rgb(188,169,251)
```
#cbbcfc
```
#cbbcfc rgb(203,188,252)
```
#d9cffd
```
#d9cffd rgb(217,207,253)
```
#e8e1fe
```
#e8e1fe rgb(232,225,254)
```
#f7f4ff
```
#f7f4ff rgb(247,244,255)
```

Tint Color Variation

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

#898596
```
#898596 rgb(137,133,150)
```
#847c9f
```
#847c9f rgb(132,124,159)
```
#7f74a7
```
#7f74a7 rgb(127,116,167)
```
#7b6bb0
```
#7b6bb0 rgb(123,107,176)
```
#7662b9
```
#7662b9 rgb(118,98,185)
```
#7159c2
```
#7159c2 rgb(113,89,194)
```
#6d51ca
```
#6d51ca rgb(109,81,202)
```
#6848d3
```
#6848d3 rgb(104,72,211)
```
#633fdc
```
#633fdc rgb(99,63,220)
```
#5e36e5
```
#5e36e5 rgb(94,54,229)
```
#5a2eed
```
#5a2eed rgb(90,46,237)
```
#5525f6
```
#5525f6 rgb(85,37,246)
```
#501cff
```
#501cff rgb(80,28,255)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#4d436d Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb7 Protanopia 1% of men
#00649e Deuteranopia 1% of men
#006a71 Tritanopia 0.001% of the population

Trichromacy

#1e49ce Protanomaly 1% of men, 0.01% of women
#1e4dbe Deuteranomaly 6% of men, 0.4% of women
#1e51a1 Tritanomaly 0.01% of the population

#5525f6 hex color

#5525f6 Color Information

#5525f6 Color Conversion

Color Schemes with #5525f6

Alternatives to #5525f6

#5525f6 Preview

Shades and Tints of #5525f6

Tones of #5525f6

Color Blindness Simulator