colorhexa.com

#5503f0 hex color

In a RGB color space, hex #5503f0 is composed of 33.3% red, 1.2% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 64.6% cyan, 98.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 260.8 degrees, a saturation of 97.5% and a lightness of 47.6%. #5503f0 color hex could be obtained by blending #aa06ff with #0000e1. Closest websafe color is: #6600ff.

- R 33
- G 1
- B 94
RGB color chart
- C 65
- M 99
- Y 0
- K 6
CMYK color chart

● #5503f0 color description : Vivid violet.

The hexadecimal color #5503f0 has RGB values of R:85, G:3, B:240 and CMYK values of C:0.65, M:0.99, Y:0, K:0.06. Its decimal value is 5571568.

Hex triplet	5503f0	`#5503f0`
RGB Decimal	85, 3, 240	`rgb(85,3,240)`
RGB Percent	33.3, 1.2, 94.1	`rgb(33.3%,1.2%,94.1%)`
CMYK	65, 99, 0, 6
HSL	260.8°, 97.5, 47.6	`hsl(260.8,97.5%,47.6%)`
HSV (or HSB)	260.8°, 98.8, 94.1
Web Safe	6600ff	`#6600ff`

CIE-LAB	34.573, 76.928, -95.507
XYZ	19.504, 8.287, 83.005
xyY	0.176, 0.075, 8.287
CIE-LCH	34.573, 122.635, 308.85
CIE-LUV	34.573, 0.344, -125.161
Hunter-Lab	28.787, 70.562, -150.807
Binary	01010101, 00000011, 11110000

#5503f0
```
#5503f0 rgb(85,3,240)
```
#9ef003
```
#9ef003 rgb(158,240,3)
```

Complementary Color

#0328f0
```
#0328f0 rgb(3,40,240)
```
#5503f0
```
#5503f0 rgb(85,3,240)
```
#cc03f0
```
#cc03f0 rgb(204,3,240)
```

Analogous Color

#28f003
```
#28f003 rgb(40,240,3)
```
#5503f0
```
#5503f0 rgb(85,3,240)
```
#f0cc03
```
#f0cc03 rgb(240,204,3)
```

Split Complementary Color

#3a02a4
```
#3a02a4 rgb(58,2,164)
```
#4302be
```
#4302be rgb(67,2,190)
```
#4c03d7
```
#4c03d7 rgb(76,3,215)
```
#5503f0
```
#5503f0 rgb(85,3,240)
```
#6210fc
```
#6210fc rgb(98,16,252)
```
#732afc
```
#732afc rgb(115,42,252)
```
#8343fd
```
#8343fd rgb(131,67,253)
```

Monochromatic Color

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

#1a03f0
```
#1a03f0 rgb(26,3,240)
```
#2d03f0
```
#2d03f0 rgb(45,3,240)
```
#4103f0
```
#4103f0 rgb(65,3,240)
```
#5503f0
```
#5503f0 rgb(85,3,240)
```
#6903f0
```
#6903f0 rgb(105,3,240)
```
#7d03f0
```
#7d03f0 rgb(125,3,240)
```
#9003f0
```
#9003f0 rgb(144,3,240)
```

Similar Colors

Text with hexadecimal color #5503f0

This text has a font color of #5503f0.

<span style="color:#5503f0;">Text here</span>

#5503f0 background color

This paragraph has a background color of #5503f0.

<p style="background-color:#5503f0;">Content here</p>

#5503f0 border color

This element has a border color of #5503f0.

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

CSS codes

.text {color:#5503f0;}

.background {background-color:#5503f0;}

.border {border:1px solid #5503f0;}

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

#030008
```
#030008 rgb(3,0,8)
```
#0a001b
```
#0a001b rgb(10,0,27)
```
#10012e
```
#10012e rgb(16,1,46)
```
#170142
```
#170142 rgb(23,1,66)
```
#1e0155
```
#1e0155 rgb(30,1,85)
```
#250168
```
#250168 rgb(37,1,104)
```
#2c027c
```
#2c027c rgb(44,2,124)
```
#33028f
```
#33028f rgb(51,2,143)
```
#3a02a3
```
#3a02a3 rgb(58,2,163)
```
#4002b6
```
#4002b6 rgb(64,2,182)
```
#4703c9
```
#4703c9 rgb(71,3,201)
```
#4e03dd
```
#4e03dd rgb(78,3,221)
```
#5503f0
```
#5503f0 rgb(85,3,240)
```

Shade Color Variation

#5e0bfc
```
#5e0bfc rgb(94,11,252)
```
#6b1efc
```
#6b1efc rgb(107,30,252)
```
#7831fc
```
#7831fc rgb(120,49,252)
```
#8445fd
```
#8445fd rgb(132,69,253)
```
#9158fd
```
#9158fd rgb(145,88,253)
```
#9e6cfd
```
#9e6cfd rgb(158,108,253)
```
#ab7ffd
```
#ab7ffd rgb(171,127,253)
```
#b792fe
```
#b792fe rgb(183,146,254)
```
#c4a6fe
```
#c4a6fe rgb(196,166,254)
```
#d1b9fe
```
#d1b9fe rgb(209,185,254)
```
#deccfe
```
#deccfe rgb(222,204,254)
```
#eae0ff
```
#eae0ff rgb(234,224,255)
```
#f7f3ff
```
#f7f3ff rgb(247,243,255)
```

Tint Color Variation

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

#787380
```
#787380 rgb(120,115,128)
```
#756a89
```
#756a89 rgb(117,106,137)
```
#726093
```
#726093 rgb(114,96,147)
```
#6f579c
```
#6f579c rgb(111,87,156)
```
#6c4ea5
```
#6c4ea5 rgb(108,78,165)
```
#6944af
```
#6944af rgb(105,68,175)
```
#663bb8
```
#663bb8 rgb(102,59,184)
```
#6332c1
```
#6332c1 rgb(99,50,193)
```
#6128cb
```
#6128cb rgb(97,40,203)
```
#5e1fd4
```
#5e1fd4 rgb(94,31,212)
```
#5b16dd
```
#5b16dd rgb(91,22,221)
```
#580ce7
```
#580ce7 rgb(88,12,231)
```
#5503f0
```
#5503f0 rgb(85,3,240)
```

Tone Color Variation

Below, you can see how #5503f0 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

#373737 Achromatopsia 0.005% of the population
#3d2d5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057aa Protanopia 1% of men
#005d93 Deuteranopia 1% of men
#006368 Tritanopia 0.001% of the population

Trichromacy

#1e39c3 Protanomaly 1% of men, 0.01% of women
#1e3cb4 Deuteranomaly 6% of men, 0.4% of women
#1e4099 Tritanomaly 0.01% of the population