#f553dd Color Information
In a RGB color space, hex #f553dd is composed of 96.1% red, 32.5% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.1% magenta, 9.8% yellow and 3.9% black. It has a hue angle of 308.9 degrees, a saturation of 89% and a lightness of 64.3%. #f553dd color hex could be obtained by blending #ffa6ff with #eb00bb. Closest websafe color is: #ff66cc.
-
- R 96
- G 33
- B 87
-
- C 0
- M 66
- Y 10
- K 4
● #f553dd color description : Soft magenta.
#f553dd Color Conversion
The hexadecimal color #f553dd has RGB values of R:245, G:83, B:221 and CMYK values of C:0, M:0.66, Y:0.1, K:0.04. Its decimal value is 16077789.
| Hex triplet | f553dd | #f553dd |
|---|---|---|
| RGB Decimal | 245, 83, 221 | rgb(245,83,221) |
| RGB Percent | 96.1, 32.5, 86.7 | rgb(96.1%,32.5%,86.7%) |
| CMYK | 0, 66, 10, 4 | |
| HSL | 308.9°, 89, 64.3 | hsl(308.9,89%,64.3%) |
| HSV (or HSB) | 308.9°, 66.1, 96.1 | |
| Web Safe | ff66cc | #ff66cc |
| CIE-LAB | 62.358, 75.854, -38.753 |
|---|---|
| XYZ | 53.8, 30.823, 71.519 |
| xyY | 0.345, 0.197, 30.823 |
| CIE-LCH | 62.358, 85.18, 332.938 |
| CIE-LUV | 62.358, 78.367, -71.897 |
| Hunter-Lab | 55.519, 75.817, -37.514 |
| Binary | 11110101, 01010011, 11011101 |
Color Schemes with #f553dd
Alternatives to #f553dd
Below, you can see some colors close to #f553dd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f553dd Preview
This text has a font color of #f553dd.
<span style="color:#f553dd;">Text here</span>
This paragraph has a background color of #f553dd.
<p style="background-color:#f553dd;">Content here</p>
This element has a border color of #f553dd.
<div style="border:1px solid #f553dd;">Content here</div>
.text {color:#f553dd;}
.background {background-color:#f553dd;}
.border {border:1px solid #f553dd;}
Shades and Tints of #f553dd
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, #0d010c is the darkest color, while #fffafe is the lightest one.
-
#0d010c
#0d010crgb(13,1,12) -
#20021b
#20021brgb(32,2,27) -
#32032b
#32032brgb(50,3,43) -
#45043b
#45043brgb(69,4,59) -
#58054b
#58054brgb(88,5,75) -
#6a065b
#6a065brgb(106,6,91) -
#7d076b
#7d076brgb(125,7,107) -
#8f087b
#8f087brgb(143,8,123) -
#a2098b
#a2098brgb(162,9,139) -
#b40a9b
#b40a9brgb(180,10,155) -
#c70cab
#c70cabrgb(199,12,171) -
#d90dbb
#d90dbbrgb(217,13,187) -
#ec0ecb
#ec0ecbrgb(236,14,203)
-
#f21bd2
#f21bd2rgb(242,27,210) -
#f32ed6
#f32ed6rgb(243,46,214) -
#f440d9
#f440d9rgb(244,64,217) -
#f553dd
#f553ddrgb(245,83,221) -
#f666e1
#f666e1rgb(246,102,225) -
#f778e4
#f778e4rgb(247,120,228) -
#f88be8
#f88be8rgb(248,139,232) -
#f99dec
#f99decrgb(249,157,236) -
#fab0ef
#fab0efrgb(250,176,239) -
#fbc2f3
#fbc2f3rgb(251,194,243) -
#fdd5f7
#fdd5f7rgb(253,213,247) -
#fee7fa
#fee7fargb(254,231,250) -
#fffafe
#fffafergb(255,250,254)
Tones of #f553dd
A tone is produced by adding gray to any pure hue. In this case, #a8a0a7 is the less saturated color, while #fc4ce2 is the most saturated one.
-
#a8a0a7
#a8a0a7rgb(168,160,167) -
#af99ac
#af99acrgb(175,153,172) -
#b692b1
#b692b1rgb(182,146,177) -
#bd8bb6
#bd8bb6rgb(189,139,182) -
#c484bb
#c484bbrgb(196,132,187) -
#cb7dbf
#cb7dbfrgb(203,125,191) -
#d276c4
#d276c4rgb(210,118,196) -
#d96fc9
#d96fc9rgb(217,111,201) -
#e068ce
#e068cergb(224,104,206) -
#e761d3
#e761d3rgb(231,97,211) -
#ee5ad8
#ee5ad8rgb(238,90,216) -
#f553dd
#f553ddrgb(245,83,221) -
#fc4ce2
#fc4ce2rgb(252,76,226)
Color Blindness Simulator
Below, you can see how #f553dd 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.
