#551ae3 Color Information
In a RGB color space, hex #551ae3 is composed of 33.3% red, 10.2% green and 89% blue. Whereas in a CMYK color space, it is composed of 62.6% cyan, 88.5% magenta, 0% yellow and 11% black. It has a hue angle of 257.6 degrees, a saturation of 79.4% and a lightness of 49.6%. #551ae3 color hex could be obtained by blending #aa34ff with #0000c7. Closest websafe color is: #6633cc.
-
- R 33
- G 10
- B 89
-
- C 63
- M 89
- Y 0
- K 11
● #551ae3 color description : Vivid violet.
#551ae3 Color Conversion
The hexadecimal color #551ae3 has RGB values of R:85, G:26, B:227 and CMYK values of C:0.63, M:0.89, Y:0, K:0.11. Its decimal value is 5577443.
| Hex triplet | 551ae3 | #551ae3 |
|---|---|---|
| RGB Decimal | 85, 26, 227 | rgb(85,26,227) |
| RGB Percent | 33.3, 10.2, 89 | rgb(33.3%,10.2%,89%) |
| CMYK | 63, 89, 0, 11 | |
| HSL | 257.6°, 79.4, 49.6 | hsl(257.6,79.4%,49.6%) |
| HSV (or HSB) | 257.6°, 88.5, 89 | |
| Web Safe | 6633cc | #6633cc |
| CIE-LAB | 34.428, 69.655, -88.346 |
|---|---|
| XYZ | 17.978, 8.215, 73.307 |
| xyY | 0.181, 0.083, 8.215 |
| CIE-LCH | 34.428, 112.503, 308.254 |
| CIE-LUV | 34.428, 0.578, -117.974 |
| Hunter-Lab | 28.663, 61.802, -131.575 |
| Binary | 01010101, 00011010, 11100011 |
Color Schemes with #551ae3
Alternatives to #551ae3
Below, you can see some colors close to #551ae3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#551ae3 Preview
This text has a font color of #551ae3.
<span style="color:#551ae3;">Text here</span>
This paragraph has a background color of #551ae3.
<p style="background-color:#551ae3;">Content here</p>
This element has a border color of #551ae3.
<div style="border:1px solid #551ae3;">Content here</div>
.text {color:#551ae3;}
.background {background-color:#551ae3;}
.border {border:1px solid #551ae3;}
Shades and Tints of #551ae3
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, #060210 is the darkest color, while #fefdff is the lightest one.
-
#060210
#060210rgb(6,2,16) -
#0d0421
#0d0421rgb(13,4,33) -
#130633
#130633rgb(19,6,51) -
#1a0845
#1a0845rgb(26,8,69) -
#200a56
#200a56rgb(32,10,86) -
#270c68
#270c68rgb(39,12,104) -
#2d0e79
#2d0e79rgb(45,14,121) -
#34108b
#34108brgb(52,16,139) -
#3b129d
#3b129drgb(59,18,157) -
#4114ae
#4114aergb(65,20,174) -
#4816c0
#4816c0rgb(72,22,192) -
#4e18d1
#4e18d1rgb(78,24,209) -
#551ae3
#551ae3rgb(85,26,227)
-
#612ae7
#612ae7rgb(97,42,231) -
#6e3ce9
#6e3ce9rgb(110,60,233) -
#7b4deb
#7b4debrgb(123,77,235) -
#885fed
#885fedrgb(136,95,237) -
#9570ef
#9570efrgb(149,112,239) -
#a282f1
#a282f1rgb(162,130,241) -
#b094f3
#b094f3rgb(176,148,243) -
#bda5f5
#bda5f5rgb(189,165,245) -
#cab7f7
#cab7f7rgb(202,183,247) -
#d7c8f9
#d7c8f9rgb(215,200,249) -
#e4dafb
#e4dafbrgb(228,218,251) -
#f1ecfd
#f1ecfdrgb(241,236,253) -
#fefdff
#fefdffrgb(254,253,255)
Tones of #551ae3
A tone is produced by adding gray to any pure hue. In this case, #7d7b82 is the less saturated color, while #4d07f6 is the most saturated one.
-
#7d7b82
#7d7b82rgb(125,123,130) -
#79728b
#79728brgb(121,114,139) -
#756895
#756895rgb(117,104,149) -
#715e9f
#715e9frgb(113,94,159) -
#6d54a9
#6d54a9rgb(109,84,169) -
#694bb2
#694bb2rgb(105,75,178) -
#6541bc
#6541bcrgb(101,65,188) -
#6137c6
#6137c6rgb(97,55,198) -
#5d2dd0
#5d2dd0rgb(93,45,208) -
#5924d9
#5924d9rgb(89,36,217) -
#551ae3
#551ae3rgb(85,26,227) -
#5110ed
#5110edrgb(81,16,237) -
#4d07f6
#4d07f6rgb(77,7,246)
Color Blindness Simulator
Below, you can see how #551ae3 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.
