#550bff hex color

In a RGB color space, hex #550bff is composed of 33.3% red, 4.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 95.7% magenta, 0% yellow and 0% black. It has a hue angle of 258.2 degrees, a saturation of 100% and a lightness of 52.2%. #550bff color hex could be obtained by blending #aa16ff 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

● #550bff color description : Vivid violet.

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

Hex triplet	550bff	`#550bff`
RGB Decimal	85, 11, 255	`rgb(85,11,255)`
RGB Percent	33.3, 4.3, 100	`rgb(33.3%,4.3%,100%)`
CMYK	67, 96, 0, 0
HSL	258.2°, 100, 52.2	`hsl(258.2,100%,52.2%)`
HSV (or HSB)	258.2°, 95.7, 100
Web Safe	6600ff	`#6600ff`

CIE-LAB	36.724, 79.329, -100.381
XYZ	21.913, 9.39, 95.26
xyY	0.173, 0.074, 9.39
CIE-LCH	36.724, 127.943, 308.319
CIE-LUV	36.724, -1.158, -133.642
Hunter-Lab	30.643, 74.021, -162.867
Binary	01010101, 00001011, 11111111

#550bff
```
#550bff rgb(85,11,255)
```
#b5ff0b
```
#b5ff0b rgb(181,255,11)
```

Complementary Color

#0b3bff
```
#0b3bff rgb(11,59,255)
```
#550bff
```
#550bff rgb(85,11,255)
```
#cf0bff
```
#cf0bff rgb(207,11,255)
```

Analogous Color

#3bff0b
```
#3bff0b rgb(59,255,11)
```
#550bff
```
#550bff rgb(85,11,255)
```
#ffcf0b
```
#ffcf0b rgb(255,207,11)
```

Split Complementary Color

#0bff55
```
#0bff55 rgb(11,255,85)
```
#550bff
```
#550bff rgb(85,11,255)
```
#ff550b
```
#ff550b rgb(255,85,11)
```

Triadic Color

#0bb5ff
```
#0bb5ff rgb(11,181,255)
```
#550bff
```
#550bff rgb(85,11,255)
```
#ff550b
```
#ff550b rgb(255,85,11)
```
#b5ff0b
```
#b5ff0b rgb(181,255,11)
```

Tetradic Color

#3900be
```
#3900be rgb(57,0,190)
```
#4100d7
```
#4100d7 rgb(65,0,215)
```
#4900f1
```
#4900f1 rgb(73,0,241)
```
#550bff
```
#550bff rgb(85,11,255)
```
#6725ff
```
#6725ff rgb(103,37,255)
```
#793eff
```
#793eff rgb(121,62,255)
```
#8a58ff
```
#8a58ff rgb(138,88,255)
```

Monochromatic Color

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

#180bff
```
#180bff rgb(24,11,255)
```
#2c0bff
```
#2c0bff rgb(44,11,255)
```
#410bff
```
#410bff rgb(65,11,255)
```
#550bff
```
#550bff rgb(85,11,255)
```
#690bff
```
#690bff rgb(105,11,255)
```
#7e0bff
```
#7e0bff rgb(126,11,255)
```
#920bff
```
#920bff rgb(146,11,255)
```

Similar Colors

Text with hexadecimal color #550bff

This text has a font color of #550bff.

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

#550bff background color

This paragraph has a background color of #550bff.

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

#550bff border color

This element has a border color of #550bff.

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

CSS codes

.text {color:#550bff;}

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

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

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

#03000b
```
#03000b rgb(3,0,11)
```
#09001f
```
#09001f rgb(9,0,31)
```
#0f0032
```
#0f0032 rgb(15,0,50)
```
#150046
```
#150046 rgb(21,0,70)
```
#1b0059
```
#1b0059 rgb(27,0,89)
```
#21006d
```
#21006d rgb(33,0,109)
```
#270081
```
#270081 rgb(39,0,129)
```
#2d0094
```
#2d0094 rgb(45,0,148)
```
#3300a8
```
#3300a8 rgb(51,0,168)
```
#3900bc
```
#3900bc rgb(57,0,188)
```
#3f00cf
```
#3f00cf rgb(63,0,207)
```
#4500e3
```
#4500e3 rgb(69,0,227)
```
#4b00f6
```
#4b00f6 rgb(75,0,246)
```

Shade Color Variation

#550bff
```
#550bff rgb(85,11,255)
```
#631fff
```
#631fff rgb(99,31,255)
```
#7032ff
```
#7032ff rgb(112,50,255)
```
#7e46ff
```
#7e46ff rgb(126,70,255)
```
#8c59ff
```
#8c59ff rgb(140,89,255)
```
#996dff
```
#996dff rgb(153,109,255)
```
#a781ff
```
#a781ff rgb(167,129,255)
```
#b594ff
```
#b594ff rgb(181,148,255)
```
#c2a8ff
```
#c2a8ff rgb(194,168,255)
```
#d0bcff
```
#d0bcff rgb(208,188,255)
```
#decfff
```
#decfff rgb(222,207,255)
```
#ebe3ff
```
#ebe3ff rgb(235,227,255)
```
#f9f6ff
```
#f9f6ff rgb(249,246,255)
```

Tint Color Variation

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

#817c8e
```
#817c8e rgb(129,124,142)
```
#7e7298
```
#7e7298 rgb(126,114,152)
```
#7a69a1
```
#7a69a1 rgb(122,105,161)
```
#765fab
```
#765fab rgb(118,95,171)
```
#7356b4
```
#7356b4 rgb(115,86,180)
```
#6f4dbd
```
#6f4dbd rgb(111,77,189)
```
#6b43c7
```
#6b43c7 rgb(107,67,199)
```
#673ad0
```
#673ad0 rgb(103,58,208)
```
#6431d9
```
#6431d9 rgb(100,49,217)
```
#6027e3
```
#6027e3 rgb(96,39,227)
```
#5c1eec
```
#5c1eec rgb(92,30,236)
```
#5914f6
```
#5914f6 rgb(89,20,246)
```
#550bff
```
#550bff rgb(85,11,255)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#423364 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

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

#550bff hex color

#550bff Color Information

#550bff Color Conversion

Color Schemes with #550bff

Alternatives to #550bff

#550bff Preview

Shades and Tints of #550bff

Tones of #550bff

Color Blindness Simulator