#553cfb Color Information
In a RGB color space, hex #553cfb is composed of 33.3% red, 23.5% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 66.1% cyan, 76.1% magenta, 0% yellow and 1.6% black. It has a hue angle of 247.9 degrees, a saturation of 96% and a lightness of 61%. #553cfb color hex could be obtained by blending #aa78ff with #0000f7. Closest websafe color is: #6633ff.
-
- R 33
- G 24
- B 98
-
- C 66
- M 76
- Y 0
- K 2
● #553cfb color description : Bright blue.
#553cfb Color Conversion
The hexadecimal color #553cfb has RGB values of R:85, G:60, B:251 and CMYK values of C:0.66, M:0.76, Y:0, K:0.02. Its decimal value is 5586171.
| Hex triplet | 553cfb | #553cfb |
|---|---|---|
| RGB Decimal | 85, 60, 251 | rgb(85,60,251) |
| RGB Percent | 33.3, 23.5, 98.4 | rgb(33.3%,23.5%,98.4%) |
| CMYK | 66, 76, 0, 2 | |
| HSL | 247.9°, 96, 61 | hsl(247.9,96%,61%) |
| HSV (or HSB) | 247.9°, 76.1, 98.4 | |
| Web Safe | 6633ff | #6633ff |
| CIE-LAB | 41.417, 63.054, -90.357 |
|---|---|
| XYZ | 22.771, 12.127, 92.402 |
| xyY | 0.179, 0.095, 12.127 |
| CIE-LCH | 41.417, 110.183, 304.909 |
| CIE-LUV | 41.417, -4.749, -130.215 |
| Hunter-Lab | 34.824, 55.78, -132.945 |
| Binary | 01010101, 00111100, 11111011 |
Color Schemes with #553cfb
Alternatives to #553cfb
Below, you can see some colors close to #553cfb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#553cfb Preview
This text has a font color of #553cfb.
<span style="color:#553cfb;">Text here</span>
This paragraph has a background color of #553cfb.
<p style="background-color:#553cfb;">Content here</p>
This element has a border color of #553cfb.
<div style="border:1px solid #553cfb;">Content here</div>
.text {color:#553cfb;}
.background {background-color:#553cfb;}
.border {border:1px solid #553cfb;}
Shades and Tints of #553cfb
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, #020010 is the darkest color, while #fdfcff is the lightest one.
-
#020010
#020010rgb(2,0,16) -
#050124
#050124rgb(5,1,36) -
#080137
#080137rgb(8,1,55) -
#0b024a
#0b024argb(11,2,74) -
#0e025d
#0e025drgb(14,2,93) -
#110271
#110271rgb(17,2,113) -
#140384
#140384rgb(20,3,132) -
#160397
#160397rgb(22,3,151) -
#1903aa
#1903aargb(25,3,170) -
#1c04bd
#1c04bdrgb(28,4,189) -
#1f04d1
#1f04d1rgb(31,4,209) -
#2205e4
#2205e4rgb(34,5,228) -
#2505f7
#2505f7rgb(37,5,247)
-
#3316fa
#3316fargb(51,22,250) -
#4429fb
#4429fbrgb(68,41,251) -
#553cfb
#553cfbrgb(85,60,251) -
#664ffb
#664ffbrgb(102,79,251) -
#7762fc
#7762fcrgb(119,98,252) -
#8776fc
#8776fcrgb(135,118,252) -
#9889fd
#9889fdrgb(152,137,253) -
#a99cfd
#a99cfdrgb(169,156,253) -
#baaffd
#baaffdrgb(186,175,253) -
#cac3fe
#cac3fergb(202,195,254) -
#dbd6fe
#dbd6fergb(219,214,254) -
#ece9ff
#ece9ffrgb(236,233,255) -
#fdfcff
#fdfcffrgb(253,252,255)
Tones of #553cfb
A tone is produced by adding gray to any pure hue. In this case, #99989f is the less saturated color, while #553cfb is the most saturated one.
-
#99989f
#99989frgb(153,152,159) -
#9390a7
#9390a7rgb(147,144,167) -
#8e89ae
#8e89aergb(142,137,174) -
#8881b6
#8881b6rgb(136,129,182) -
#8279be
#8279bergb(130,121,190) -
#7d72c5
#7d72c5rgb(125,114,197) -
#776acd
#776acdrgb(119,106,205) -
#7162d5
#7162d5rgb(113,98,213) -
#6c5bdc
#6c5bdcrgb(108,91,220) -
#6653e4
#6653e4rgb(102,83,228) -
#604bec
#604becrgb(96,75,236) -
#5b44f3
#5b44f3rgb(91,68,243) -
#553cfb
#553cfbrgb(85,60,251)
Color Blindness Simulator
Below, you can see how #553cfb 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.
