#550aff hex color

In a RGB color space, hex #550aff is composed of 33.3% red, 3.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 96.1% magenta, 0% yellow and 0% black. It has a hue angle of 258.4 degrees, a saturation of 100% and a lightness of 52%. #550aff color hex could be obtained by blending #aa14ff with #0000ff. Closest websafe color is: #6600ff.

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

● #550aff color description : Vivid violet.

The hexadecimal color #550aff has RGB values of R:85, G:10, B:255 and CMYK values of C:0.67, M:0.96, Y:0, K:0. Its decimal value is 5573375.

Hex triplet	550aff	`#550aff`
RGB Decimal	85, 10, 255	`rgb(85,10,255)`
RGB Percent	33.3, 3.9, 100	`rgb(33.3%,3.9%,100%)`
CMYK	67, 96, 0, 0
HSL	258.4°, 100, 52	`hsl(258.4,100%,52%)`
HSV (or HSB)	258.4°, 96.1, 100
Web Safe	6600ff	`#6600ff`

CIE-LAB	36.682, 79.457, -100.451
XYZ	21.901, 9.367, 95.256
xyY	0.173, 0.074, 9.367
CIE-LCH	36.682, 128.077, 308.344
CIE-LUV	36.682, -1.13, -133.632
Hunter-Lab	30.606, 74.171, -163.105
Binary	01010101, 00001010, 11111111

#550aff
```
#550aff rgb(85,10,255)
```
#b4ff0a
```
#b4ff0a rgb(180,255,10)
```

Complementary Color

#0a39ff
```
#0a39ff rgb(10,57,255)
```
#550aff
```
#550aff rgb(85,10,255)
```
#d00aff
```
#d00aff rgb(208,10,255)
```

Analogous Color

#39ff0a
```
#39ff0a rgb(57,255,10)
```
#550aff
```
#550aff rgb(85,10,255)
```
#ffd00a
```
#ffd00a rgb(255,208,10)
```

Split Complementary Color

#0aff55
```
#0aff55 rgb(10,255,85)
```
#550aff
```
#550aff rgb(85,10,255)
```
#ff550a
```
#ff550a rgb(255,85,10)
```

Triadic Color

#0ab4ff
```
#0ab4ff rgb(10,180,255)
```
#550aff
```
#550aff rgb(85,10,255)
```
#ff550a
```
#ff550a rgb(255,85,10)
```
#b4ff0a
```
#b4ff0a rgb(180,255,10)
```

Tetradic Color

#3a00bd
```
#3a00bd rgb(58,0,189)
```
#4200d6
```
#4200d6 rgb(66,0,214)
```
#4900f0
```
#4900f0 rgb(73,0,240)
```
#550aff
```
#550aff rgb(85,10,255)
```
#6724ff
```
#6724ff rgb(103,36,255)
```
#783dff
```
#783dff rgb(120,61,255)
```
#8a57ff
```
#8a57ff rgb(138,87,255)
```

Monochromatic Color

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

#180aff
```
#180aff rgb(24,10,255)
```
#2c0aff
```
#2c0aff rgb(44,10,255)
```
#410aff
```
#410aff rgb(65,10,255)
```
#550aff
```
#550aff rgb(85,10,255)
```
#690aff
```
#690aff rgb(105,10,255)
```
#7e0aff
```
#7e0aff rgb(126,10,255)
```
#920aff
```
#920aff rgb(146,10,255)
```

Similar Colors

Text with hexadecimal color #550aff

This text has a font color of #550aff.

<span style="color:#550aff;">Text here</span>

#550aff background color

This paragraph has a background color of #550aff.

<p style="background-color:#550aff;">Content here</p>

#550aff border color

This element has a border color of #550aff.

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

CSS codes

.text {color:#550aff;}

.background {background-color:#550aff;}

.border {border:1px solid #550aff;}

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 #f8f5ff is the lightest one.

#03000a
```
#03000a rgb(3,0,10)
```
#09001e
```
#09001e rgb(9,0,30)
```
#0f0031
```
#0f0031 rgb(15,0,49)
```
#150045
```
#150045 rgb(21,0,69)
```
#1b0058
```
#1b0058 rgb(27,0,88)
```
#21006c
```
#21006c rgb(33,0,108)
```
#270080
```
#270080 rgb(39,0,128)
```
#2d0093
```
#2d0093 rgb(45,0,147)
```
#3300a7
```
#3300a7 rgb(51,0,167)
```
#3900bb
```
#3900bb rgb(57,0,187)
```
#3f00ce
```
#3f00ce rgb(63,0,206)
```
#4500e2
```
#4500e2 rgb(69,0,226)
```
#4b00f5
```
#4b00f5 rgb(75,0,245)
```

Shade Color Variation

#550aff
```
#550aff rgb(85,10,255)
```
#631eff
```
#631eff rgb(99,30,255)
```
#7031ff
```
#7031ff rgb(112,49,255)
```
#7e45ff
```
#7e45ff rgb(126,69,255)
```
#8b58ff
```
#8b58ff rgb(139,88,255)
```
#996cff
```
#996cff rgb(153,108,255)
```
#a780ff
```
#a780ff rgb(167,128,255)
```
#b493ff
```
#b493ff rgb(180,147,255)
```
#c2a7ff
```
#c2a7ff rgb(194,167,255)
```
#cfbbff
```
#cfbbff rgb(207,187,255)
```
#ddceff
```
#ddceff rgb(221,206,255)
```
#ebe2ff
```
#ebe2ff rgb(235,226,255)
```
#f8f5ff
```
#f8f5ff rgb(248,245,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #817b8e is the less saturated color, while #550aff is the most saturated one.

#817b8e
```
#817b8e rgb(129,123,142)
```
#7d7297
```
#7d7297 rgb(125,114,151)
```
#7a68a1
```
#7a68a1 rgb(122,104,161)
```
#765faa
```
#765faa rgb(118,95,170)
```
#7255b4
```
#7255b4 rgb(114,85,180)
```
#6f4cbd
```
#6f4cbd rgb(111,76,189)
```
#6b43c6
```
#6b43c6 rgb(107,67,198)
```
#6739d0
```
#6739d0 rgb(103,57,208)
```
#6430d9
```
#6430d9 rgb(100,48,217)
```
#6026e3
```
#6026e3 rgb(96,38,227)
```
#5c1dec
```
#5c1dec rgb(92,29,236)
```
#5913f6
```
#5913f6 rgb(89,19,246)
```
#550aff
```
#550aff rgb(85,10,255)
```

Tone Color Variation

Below, you can see how #550aff 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

#3c3c3c Achromatopsia 0.005% of the population
#413263 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#1e3ece Protanomaly 1% of men, 0.01% of women
#1e41bf Deuteranomaly 6% of men, 0.4% of women
#1e46a2 Tritanomaly 0.01% of the population

#550aff hex color

#550aff Color Information

#550aff Color Conversion

Color Schemes with #550aff

Alternatives to #550aff

#550aff Preview

Shades and Tints of #550aff

Tones of #550aff

Color Blindness Simulator