#5532ee Color Information
In a RGB color space, hex #5532ee is composed of 33.3% red, 19.6% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 64.3% cyan, 79% magenta, 0% yellow and 6.7% black. It has a hue angle of 251.2 degrees, a saturation of 84.7% and a lightness of 56.5%. #5532ee color hex could be obtained by blending #aa64ff with #0000dd. Closest websafe color is: #6633ff.
-
- R 33
- G 20
- B 93
-
- C 64
- M 79
- Y 0
- K 7
● #5532ee color description : Bright blue.
#5532ee Color Conversion
The hexadecimal color #5532ee has RGB values of R:85, G:50, B:238 and CMYK values of C:0.64, M:0.79, Y:0, K:0.07. Its decimal value is 5583598.
| Hex triplet | 5532ee | #5532ee |
|---|---|---|
| RGB Decimal | 85, 50, 238 | rgb(85,50,238) |
| RGB Percent | 33.3, 19.6, 93.3 | rgb(33.3%,19.6%,93.3%) |
| CMYK | 64, 79, 0, 7 | |
| HSL | 251.2°, 84.7, 56.5 | hsl(251.2,84.7%,56.5%) |
| HSV (or HSB) | 251.2°, 79, 93.3 | |
| Web Safe | 6633ff | #6633ff |
| CIE-LAB | 38.524, 63.938, -87.82 |
|---|---|
| XYZ | 20.317, 10.385, 81.818 |
| xyY | 0.181, 0.092, 10.385 |
| CIE-LCH | 38.524, 108.63, 306.057 |
| CIE-LUV | 38.524, -2.532, -123.511 |
| Hunter-Lab | 32.225, 56.142, -127.976 |
| Binary | 01010101, 00110010, 11101110 |
Color Schemes with #5532ee
Alternatives to #5532ee
Below, you can see some colors close to #5532ee. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5532ee Preview
This text has a font color of #5532ee.
<span style="color:#5532ee;">Text here</span>
This paragraph has a background color of #5532ee.
<p style="background-color:#5532ee;">Content here</p>
This element has a border color of #5532ee.
<div style="border:1px solid #5532ee;">Content here</div>
.text {color:#5532ee;}
.background {background-color:#5532ee;}
.border {border:1px solid #5532ee;}
Shades and Tints of #5532ee
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, #03010c is the darkest color, while #faf9ff is the lightest one.
-
#03010c
#03010crgb(3,1,12) -
#08031e
#08031ergb(8,3,30) -
#0c0431
#0c0431rgb(12,4,49) -
#110643
#110643rgb(17,6,67) -
#160755
#160755rgb(22,7,85) -
#1a0967
#1a0967rgb(26,9,103) -
#1f0a79
#1f0a79rgb(31,10,121) -
#230c8b
#230c8brgb(35,12,139) -
#280d9d
#280d9drgb(40,13,157) -
#2c0faf
#2c0fafrgb(44,15,175) -
#3110c1
#3110c1rgb(49,16,193) -
#3612d4
#3612d4rgb(54,18,212) -
#3a13e6
#3a13e6rgb(58,19,230)
-
#4620ec
#4620ecrgb(70,32,236) -
#5532ee
#5532eergb(85,50,238) -
#6444f0
#6444f0rgb(100,68,240) -
#7356f1
#7356f1rgb(115,86,241) -
#8268f3
#8268f3rgb(130,104,243) -
#917af4
#917af4rgb(145,122,244) -
#a08df6
#a08df6rgb(160,141,246) -
#af9ff7
#af9ff7rgb(175,159,247) -
#beb1f9
#beb1f9rgb(190,177,249) -
#cdc3fa
#cdc3fargb(205,195,250) -
#dcd5fc
#dcd5fcrgb(220,213,252) -
#ebe7fd
#ebe7fdrgb(235,231,253) -
#faf9ff
#faf9ffrgb(250,249,255)
Tones of #5532ee
A tone is produced by adding gray to any pure hue. In this case, #909090 is the less saturated color, while #5029f7 is the most saturated one.
-
#909090
#909090rgb(144,144,144) -
#8b8799
#8b8799rgb(139,135,153) -
#857fa1
#857fa1rgb(133,127,161) -
#8076aa
#8076aargb(128,118,170) -
#7b6eb2
#7b6eb2rgb(123,110,178) -
#7565bb
#7565bbrgb(117,101,187) -
#705dc3
#705dc3rgb(112,93,195) -
#6a54cc
#6a54ccrgb(106,84,204) -
#654cd4
#654cd4rgb(101,76,212) -
#6043dd
#6043ddrgb(96,67,221) -
#5a3be5
#5a3be5rgb(90,59,229) -
#5532ee
#5532eergb(85,50,238) -
#5029f7
#5029f7rgb(80,41,247)
Color Blindness Simulator
Below, you can see how #5532ee 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.
