#550caf hex color

In a RGB color space, hex #550caf is composed of 33.3% red, 4.7% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 51.4% cyan, 93.1% magenta, 0% yellow and 31.4% black. It has a hue angle of 266.9 degrees, a saturation of 87.2% and a lightness of 36.7%. #550caf color hex could be obtained by blending #aa18ff with #00005f. Closest websafe color is: #660099.

♥
- f
- t
- g
- R 33
- G 5
- B 69
RGB color chart
- C 51
- M 93
- Y 0
- K 31
CMYK color chart

● #550caf color description : Dark violet.

The hexadecimal color #550caf has RGB values of R:85, G:12, B:175 and CMYK values of C:0.51, M:0.93, Y:0, K:0.31. Its decimal value is 5573807.

Hex triplet	550caf	`#550caf`
RGB Decimal	85, 12, 175	`rgb(85,12,175)`
RGB Percent	33.3, 4.7, 68.6	`rgb(33.3%,4.7%,68.6%)`
CMYK	51, 93, 0, 31
HSL	266.9°, 87.2, 36.7	`hsl(266.9,87.2%,36.7%)`
HSV (or HSB)	266.9°, 93.1, 68.6
Web Safe	660099	`#660099`

CIE-LAB	27.543, 60.429, -69.306
XYZ	11.614, 5.289, 40.964
xyY	0.201, 0.091, 5.289
CIE-LCH	27.543, 91.951, 311.085
CIE-LUV	27.543, 6.949, -87.987
Hunter-Lab	22.998, 49.896, -89.507
Binary	01010101, 00001100, 10101111

#550caf
```
#550caf rgb(85,12,175)
```
#66af0c
```
#66af0c rgb(102,175,12)
```

Complementary Color

#0c14af
```
#0c14af rgb(12,20,175)
```
#550caf
```
#550caf rgb(85,12,175)
```
#a70caf
```
#a70caf rgb(167,12,175)
```

Analogous Color

#14af0c
```
#14af0c rgb(20,175,12)
```
#550caf
```
#550caf rgb(85,12,175)
```
#afa70c
```
#afa70c rgb(175,167,12)
```

Split Complementary Color

#0caf55
```
#0caf55 rgb(12,175,85)
```
#550caf
```
#550caf rgb(85,12,175)
```
#af550c
```
#af550c rgb(175,85,12)
```

Triadic Color

#0c66af
```
#0c66af rgb(12,102,175)
```
#550caf
```
#550caf rgb(85,12,175)
```
#af550c
```
#af550c rgb(175,85,12)
```
#66af0c
```
#66af0c rgb(102,175,12)
```

Tetradic Color

#320767
```
#320767 rgb(50,7,103)
```
#3e097f
```
#3e097f rgb(62,9,127)
```
#490a97
```
#490a97 rgb(73,10,151)
```
#550caf
```
#550caf rgb(85,12,175)
```
#610ec7
```
#610ec7 rgb(97,14,199)
```
#6c0fdf
```
#6c0fdf rgb(108,15,223)
```
#7918ef
```
#7918ef rgb(121,24,239)
```

Monochromatic Color

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

#2c0caf
```
#2c0caf rgb(44,12,175)
```
#3a0caf
```
#3a0caf rgb(58,12,175)
```
#470caf
```
#470caf rgb(71,12,175)
```
#550caf
```
#550caf rgb(85,12,175)
```
#630caf
```
#630caf rgb(99,12,175)
```
#700caf
```
#700caf rgb(112,12,175)
```
#7e0caf
```
#7e0caf rgb(126,12,175)
```

Similar Colors

Text with hexadecimal color #550caf

This text has a font color of #550caf.

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

#550caf background color

This paragraph has a background color of #550caf.

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

#550caf border color

This element has a border color of #550caf.

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

CSS codes

.text {color:#550caf;}

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

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

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

#05010a
```
#05010a rgb(5,1,10)
```
#0e021c
```
#0e021c rgb(14,2,28)
```
#17032f
```
#17032f rgb(23,3,47)
```
#200441
```
#200441 rgb(32,4,65)
```
#280653
```
#280653 rgb(40,6,83)
```
#310766
```
#310766 rgb(49,7,102)
```
#3a0878
```
#3a0878 rgb(58,8,120)
```
#43098a
```
#43098a rgb(67,9,138)
```
#4c0b9d
```
#4c0b9d rgb(76,11,157)
```
#550caf
```
#550caf rgb(85,12,175)
```
#5e0dc1
```
#5e0dc1 rgb(94,13,193)
```
#670fd4
```
#670fd4 rgb(103,15,212)
```
#7010e6
```
#7010e6 rgb(112,16,230)
```

Shade Color Variation

#7a1aef
```
#7a1aef rgb(122,26,239)
```
#842df1
```
#842df1 rgb(132,45,241)
```
#8f3ff2
```
#8f3ff2 rgb(143,63,242)
```
#9a51f3
```
#9a51f3 rgb(154,81,243)
```
#a464f4
```
#a464f4 rgb(164,100,244)
```
#af76f6
```
#af76f6 rgb(175,118,246)
```
#ba88f7
```
#ba88f7 rgb(186,136,247)
```
#c59bf8
```
#c59bf8 rgb(197,155,248)
```
#cfadf9
```
#cfadf9 rgb(207,173,249)
```
#dabffb
```
#dabffb rgb(218,191,251)
```
#e5d2fc
```
#e5d2fc rgb(229,210,252)
```
#efe4fd
```
#efe4fd rgb(239,228,253)
```
#faf6fe
```
#faf6fe rgb(250,246,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5d5b60 is the less saturated color, while #5405b6 is the most saturated one.

#5d5b60
```
#5d5b60 rgb(93,91,96)
```
#5d5467
```
#5d5467 rgb(93,84,103)
```
#5c4d6e
```
#5c4d6e rgb(92,77,110)
```
#5b4675
```
#5b4675 rgb(91,70,117)
```
#5a3e7d
```
#5a3e7d rgb(90,62,125)
```
#5a3784
```
#5a3784 rgb(90,55,132)
```
#59308b
```
#59308b rgb(89,48,139)
```
#582992
```
#582992 rgb(88,41,146)
```
#572299
```
#572299 rgb(87,34,153)
```
#571aa1
```
#571aa1 rgb(87,26,161)
```
#5613a8
```
#5613a8 rgb(86,19,168)
```
#550caf
```
#550caf rgb(85,12,175)
```
#5405b6
```
#5405b6 rgb(84,5,182)
```

Tone Color Variation

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

#343434 Achromatopsia 0.005% of the population
#3b2c4d Atypical Achromatopsia 0.001% of the population

Dichromacy

#00488d Protanopia 1% of men
#004c7a Deuteranopia 1% of men
#394e53 Tritanopia 0.001% of the population

Trichromacy

#1e3299 Protanomaly 1% of men, 0.01% of women
#1e358d Deuteranomaly 6% of men, 0.4% of women
#433675 Tritanomaly 0.01% of the population

#550caf hex color

#550caf Color Information

#550caf Color Conversion

Color Schemes with #550caf

Alternatives to #550caf

#550caf Preview

Shades and Tints of #550caf

Tones of #550caf

Color Blindness Simulator