#5523fa hex color

In a RGB color space, hex #5523fa is composed of 33.3% red, 13.7% green and 98% blue. Whereas in a CMYK color space, it is composed of 66% cyan, 86% magenta, 0% yellow and 2% black. It has a hue angle of 254 degrees, a saturation of 95.6% and a lightness of 55.9%. #5523fa color hex could be obtained by blending #aa46ff with #0000f5. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 33
- G 14
- B 98
RGB color chart
- C 66
- M 86
- Y 0
- K 2
CMYK color chart

● #5523fa color description : Vivid blue.

The hexadecimal color #5523fa has RGB values of R:85, G:35, B:250 and CMYK values of C:0.66, M:0.86, Y:0, K:0.02. Its decimal value is 5579770.

Hex triplet	5523fa	`#5523fa`
RGB Decimal	85, 35, 250	`rgb(85,35,250)`
RGB Percent	33.3, 13.7, 98	`rgb(33.3%,13.7%,98%)`
CMYK	66, 86, 0, 2
HSL	254°, 95.6, 55.9	`hsl(254,95.6%,55.9%)`
HSV (or HSB)	254°, 86, 98
Web Safe	6633ff	`#6633ff`

CIE-LAB	37.904, 72.774, -95.614
XYZ	21.599, 10.035, 91.236
xyY	0.176, 0.082, 10.035
CIE-LCH	37.904, 120.158, 307.276
CIE-LUV	37.904, -1.994, -130.958
Hunter-Lab	31.677, 66.276, -148.591
Binary	01010101, 00100011, 11111010

#5523fa
```
#5523fa rgb(85,35,250)
```
#c8fa23
```
#c8fa23 rgb(200,250,35)
```

Complementary Color

#235dfa
```
#235dfa rgb(35,93,250)
```
#5523fa
```
#5523fa rgb(85,35,250)
```
#c123fa
```
#c123fa rgb(193,35,250)
```

Analogous Color

#5dfa23
```
#5dfa23 rgb(93,250,35)
```
#5523fa
```
#5523fa rgb(85,35,250)
```
#fac123
```
#fac123 rgb(250,193,35)
```

Split Complementary Color

#23fa55
```
#23fa55 rgb(35,250,85)
```
#5523fa
```
#5523fa rgb(85,35,250)
```
#fa5523
```
#fa5523 rgb(250,85,35)
```

Triadic Color

#23c8fa
```
#23c8fa rgb(35,200,250)
```
#5523fa
```
#5523fa rgb(85,35,250)
```
#fa5523
```
#fa5523 rgb(250,85,35)
```
#c8fa23
```
#c8fa23 rgb(200,250,35)
```

Tetradic Color

#3305cc
```
#3305cc rgb(51,5,204)
```
#3905e5
```
#3905e5 rgb(57,5,229)
```
#420af9
```
#420af9 rgb(66,10,249)
```
#5523fa
```
#5523fa rgb(85,35,250)
```
#683cfb
```
#683cfb rgb(104,60,251)
```
#7c55fb
```
#7c55fb rgb(124,85,251)
```
#8f6efc
```
#8f6efc rgb(143,110,252)
```

Monochromatic Color

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

#2327fa
```
#2327fa rgb(35,39,250)
```
#3123fa
```
#3123fa rgb(49,35,250)
```
#4323fa
```
#4323fa rgb(67,35,250)
```
#5523fa
```
#5523fa rgb(85,35,250)
```
#6723fa
```
#6723fa rgb(103,35,250)
```
#7923fa
```
#7923fa rgb(121,35,250)
```
#8b23fa
```
#8b23fa rgb(139,35,250)
```

Similar Colors

Text with hexadecimal color #5523fa

This text has a font color of #5523fa.

<span style="color:#5523fa;">Text here</span>

#5523fa background color

This paragraph has a background color of #5523fa.

<p style="background-color:#5523fa;">Content here</p>

#5523fa border color

This element has a border color of #5523fa.

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

CSS codes

.text {color:#5523fa;}

.background {background-color:#5523fa;}

.border {border:1px solid #5523fa;}

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, #03000a is the darkest color, while #f8f6ff is the lightest one.

#03000a
```
#03000a rgb(3,0,10)
```
#07011d
```
#07011d rgb(7,1,29)
```
#0c0131
```
#0c0131 rgb(12,1,49)
```
#110244
```
#110244 rgb(17,2,68)
```
#160257
```
#160257 rgb(22,2,87)
```
#1b026a
```
#1b026a rgb(27,2,106)
```
#1f037d
```
#1f037d rgb(31,3,125)
```
#240390
```
#240390 rgb(36,3,144)
```
#2904a4
```
#2904a4 rgb(41,4,164)
```
#2e04b7
```
#2e04b7 rgb(46,4,183)
```
#3205ca
```
#3205ca rgb(50,5,202)
```
#3705dd
```
#3705dd rgb(55,5,221)
```
#3c05f0
```
#3c05f0 rgb(60,5,240)
```

Shade Color Variation

#4610fa
```
#4610fa rgb(70,16,250)
```
#5523fa
```
#5523fa rgb(85,35,250)
```
#6436fa
```
#6436fa rgb(100,54,250)
```
#7349fb
```
#7349fb rgb(115,73,251)
```
#815dfb
```
#815dfb rgb(129,93,251)
```
#9070fc
```
#9070fc rgb(144,112,252)
```
#9f83fc
```
#9f83fc rgb(159,131,252)
```
#ae96fd
```
#ae96fd rgb(174,150,253)
```
#bda9fd
```
#bda9fd rgb(189,169,253)
```
#ccbcfd
```
#ccbcfd rgb(204,188,253)
```
#dad0fe
```
#dad0fe rgb(218,208,254)
```
#e9e3fe
```
#e9e3fe rgb(233,227,254)
```
#f8f6ff
```
#f8f6ff rgb(248,246,255)
```

Tint Color Variation

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

#8d8b92
```
#8d8b92 rgb(141,139,146)
```
#88829b
```
#88829b rgb(136,130,155)
```
#837aa3
```
#837aa3 rgb(131,122,163)
```
#7f71ac
```
#7f71ac rgb(127,113,172)
```
#7a68b5
```
#7a68b5 rgb(122,104,181)
```
#7560bd
```
#7560bd rgb(117,96,189)
```
#7157c6
```
#7157c6 rgb(113,87,198)
```
#6c4ecf
```
#6c4ecf rgb(108,78,207)
```
#6846d7
```
#6846d7 rgb(104,70,215)
```
#633de0
```
#633de0 rgb(99,61,224)
```
#5e34e9
```
#5e34e9 rgb(94,52,233)
```
#5a2cf1
```
#5a2cf1 rgb(90,44,241)
```
#5523fa
```
#5523fa rgb(85,35,250)
```

Tone Color Variation

Below, you can see how #5523fa 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
#4c426d Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fb8 Protanopia 1% of men
#00649f Deuteranopia 1% of men
#006b71 Tritanopia 0.001% of the population

Trichromacy

#1e49d0 Protanomaly 1% of men, 0.01% of women
#1e4cc0 Deuteranomaly 6% of men, 0.4% of women
#1e51a3 Tritanomaly 0.01% of the population

#5523fa hex color

#5523fa Color Information

#5523fa Color Conversion

Color Schemes with #5523fa

Alternatives to #5523fa

#5523fa Preview

Shades and Tints of #5523fa

Tones of #5523fa

Color Blindness Simulator