#5506f9 hex color

In a RGB color space, hex #5506f9 is composed of 33.3% red, 2.4% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 65.9% cyan, 97.6% magenta, 0% yellow and 2.4% black. It has a hue angle of 259.5 degrees, a saturation of 95.3% and a lightness of 50%. #5506f9 color hex could be obtained by blending #aa0cff with #0000f3. Closest websafe color is: #6600ff.

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

● #5506f9 color description : Vivid violet.

The hexadecimal color #5506f9 has RGB values of R:85, G:6, B:249 and CMYK values of C:0.66, M:0.98, Y:0, K:0.02. Its decimal value is 5572345.

Hex triplet	5506f9	`#5506f9`
RGB Decimal	85, 6, 249	`rgb(85,6,249)`
RGB Percent	33.3, 2.4, 97.6	`rgb(33.3%,2.4%,97.6%)`
CMYK	66, 98, 0, 2
HSL	259.5°, 95.3, 50	`hsl(259.5,95.3%,50%)`
HSV (or HSB)	259.5°, 97.6, 97.6
Web Safe	6600ff	`#6600ff`

CIE-LAB	35.791, 78.586, -98.564
XYZ	20.907, 8.9, 90.234
xyY	0.174, 0.074, 8.9
CIE-LCH	35.791, 126.058, 308.566
CIE-LUV	35.791, -0.52, -130.239
Hunter-Lab	29.833, 72.884, -158.445
Binary	01010101, 00000110, 11111001

#5506f9
```
#5506f9 rgb(85,6,249)
```
#aaf906
```
#aaf906 rgb(170,249,6)
```

Complementary Color

#0631f9
```
#0631f9 rgb(6,49,249)
```
#5506f9
```
#5506f9 rgb(85,6,249)
```
#cf06f9
```
#cf06f9 rgb(207,6,249)
```

Analogous Color

#31f906
```
#31f906 rgb(49,249,6)
```
#5506f9
```
#5506f9 rgb(85,6,249)
```
#f9cf06
```
#f9cf06 rgb(249,207,6)
```

Split Complementary Color

#06f955
```
#06f955 rgb(6,249,85)
```
#5506f9
```
#5506f9 rgb(85,6,249)
```
#f95506
```
#f95506 rgb(249,85,6)
```

Triadic Color

#06aaf9
```
#06aaf9 rgb(6,170,249)
```
#5506f9
```
#5506f9 rgb(85,6,249)
```
#f95506
```
#f95506 rgb(249,85,6)
```
#aaf906
```
#aaf906 rgb(170,249,6)
```

Tetradic Color

#3b04ae
```
#3b04ae rgb(59,4,174)
```
#4405c7
```
#4405c7 rgb(68,5,199)
```
#4c05e0
```
#4c05e0 rgb(76,5,224)
```
#5506f9
```
#5506f9 rgb(85,6,249)
```
#661ffa
```
#661ffa rgb(102,31,250)
```
#7738fa
```
#7738fa rgb(119,56,250)
```
#8851fb
```
#8851fb rgb(136,81,251)
```

Monochromatic Color

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

#1806f9
```
#1806f9 rgb(24,6,249)
```
#2c06f9
```
#2c06f9 rgb(44,6,249)
```
#4106f9
```
#4106f9 rgb(65,6,249)
```
#5506f9
```
#5506f9 rgb(85,6,249)
```
#6906f9
```
#6906f9 rgb(105,6,249)
```
#7e06f9
```
#7e06f9 rgb(126,6,249)
```
#9206f9
```
#9206f9 rgb(146,6,249)
```

Similar Colors

Text with hexadecimal color #5506f9

This text has a font color of #5506f9.

<span style="color:#5506f9;">Text here</span>

#5506f9 background color

This paragraph has a background color of #5506f9.

<p style="background-color:#5506f9;">Content here</p>

#5506f9 border color

This element has a border color of #5506f9.

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

CSS codes

.text {color:#5506f9;}

.background {background-color:#5506f9;}

.border {border:1px solid #5506f9;}

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

#070013
```
#070013 rgb(7,0,19)
```
#0d0126
```
#0d0126 rgb(13,1,38)
```
#140139
```
#140139 rgb(20,1,57)
```
#1a024d
```
#1a024d rgb(26,2,77)
```
#210260
```
#210260 rgb(33,2,96)
```
#270373
```
#270373 rgb(39,3,115)
```
#2e0386
```
#2e0386 rgb(46,3,134)
```
#340499
```
#340499 rgb(52,4,153)
```
#3b04ac
```
#3b04ac rgb(59,4,172)
```
#4105c0
```
#4105c0 rgb(65,5,192)
```
#4805d3
```
#4805d3 rgb(72,5,211)
```
#4e06e6
```
#4e06e6 rgb(78,6,230)
```
#5506f9
```
#5506f9 rgb(85,6,249)
```

Shade Color Variation

#6219f9
```
#6219f9 rgb(98,25,249)
```
#6f2cfa
```
#6f2cfa rgb(111,44,250)
```
#7c3ffa
```
#7c3ffa rgb(124,63,250)
```
#8953fb
```
#8953fb rgb(137,83,251)
```
#9666fb
```
#9666fb rgb(150,102,251)
```
#a379fc
```
#a379fc rgb(163,121,252)
```
#b18cfc
```
#b18cfc rgb(177,140,252)
```
#be9ffd
```
#be9ffd rgb(190,159,253)
```
#cbb2fd
```
#cbb2fd rgb(203,178,253)
```
#d8c6fe
```
#d8c6fe rgb(216,198,254)
```
#e5d9fe
```
#e5d9fe rgb(229,217,254)
```
#f2ecff
```
#f2ecff rgb(242,236,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e7c83 is the less saturated color, while #5506f9 is the most saturated one.

#7e7c83
```
#7e7c83 rgb(126,124,131)
```
#7b728d
```
#7b728d rgb(123,114,141)
```
#776897
```
#776897 rgb(119,104,151)
```
#745ea1
```
#745ea1 rgb(116,94,161)
```
#7054ab
```
#7054ab rgb(112,84,171)
```
#6d4bb4
```
#6d4bb4 rgb(109,75,180)
```
#6a41be
```
#6a41be rgb(106,65,190)
```
#6637c8
```
#6637c8 rgb(102,55,200)
```
#632dd2
```
#632dd2 rgb(99,45,210)
```
#5f23dc
```
#5f23dc rgb(95,35,220)
```
#5c1ae5
```
#5c1ae5 rgb(92,26,229)
```
#5810ef
```
#5810ef rgb(88,16,239)
```
#5506f9
```
#5506f9 rgb(85,6,249)
```

Tone Color Variation

Below, you can see how #5506f9 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

#393939 Achromatopsia 0.005% of the population
#3f2f5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#005aaf Protanopia 1% of men
#005f97 Deuteranopia 1% of men
#00666b Tritanopia 0.001% of the population

Trichromacy

#1e3bca Protanomaly 1% of men, 0.01% of women
#1e3fbb Deuteranomaly 6% of men, 0.4% of women
#1e439f Tritanomaly 0.01% of the population

#5506f9 hex color

#5506f9 Color Information

#5506f9 Color Conversion

Color Schemes with #5506f9

Alternatives to #5506f9

#5506f9 Preview

Shades and Tints of #5506f9

Tones of #5506f9

Color Blindness Simulator