#ff48ff Color Information
In a RGB color space, hex #ff48ff is composed of 100% red, 28.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71.8% magenta, 0% yellow and 0% black. It has a hue angle of 300 degrees, a saturation of 100% and a lightness of 64.1%. #ff48ff color hex could be obtained by blending #ff90ff with #ff00ff. Closest websafe color is: #ff33ff.
-
- R 100
- G 28
- B 100
-
- C 0
- M 72
- Y 0
- K 0
● #ff48ff color description : Light magenta.
#ff48ff Color Conversion
The hexadecimal color #ff48ff has RGB values of R:255, G:72, B:255 and CMYK values of C:0, M:0.72, Y:0, K:0. Its decimal value is 16730367.
Hex triplet | ff48ff | #ff48ff |
---|---|---|
RGB Decimal | 255, 72, 255 | rgb(255,72,255) |
RGB Percent | 100, 28.2, 100 | rgb(100%,28.2%,100%) |
CMYK | 0, 72, 0, 0 | |
HSL | 300°, 100, 64.1 | hsl(300,100%,64.1%) |
HSV (or HSB) | 300°, 71.8, 100 | |
Web Safe | ff33ff | #ff33ff |
CIE-LAB | 64.257, 86.777, -54.563 |
---|---|
XYZ | 61.606, 33.119, 97.75 |
xyY | 0.32, 0.172, 33.119 |
CIE-LCH | 64.257, 102.505, 327.839 |
CIE-LUV | 64.257, 76.445, -98.856 |
Hunter-Lab | 57.549, 90.374, -60.423 |
Binary | 11111111, 01001000, 11111111 |
Color Schemes with #ff48ff
Alternatives to #ff48ff
Below, you can see some colors close to #ff48ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff48ff Preview
This text has a font color of #ff48ff.
<span style="color:#ff48ff;">Text here</span>
This paragraph has a background color of #ff48ff.
<p style="background-color:#ff48ff;">Content here</p>
This element has a border color of #ff48ff.
<div style="border:1px solid #ff48ff;">Content here</div>
.text {color:#ff48ff;}
.background {background-color:#ff48ff;}
.border {border:1px solid #ff48ff;}
Shades and Tints of #ff48ff
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, #0d000d is the darkest color, while #fff9ff is the lightest one.
-
#0d000d
#0d000d
rgb(13,0,13)
-
#210021
#210021
rgb(33,0,33)
-
#340034
#340034
rgb(52,0,52)
-
#480048
#480048
rgb(72,0,72)
-
#5c005c
#5c005c
rgb(92,0,92)
-
#6f006f
#6f006f
rgb(111,0,111)
-
#830083
#830083
rgb(131,0,131)
-
#960096
#960096
rgb(150,0,150)
-
#aa00aa
#aa00aa
rgb(170,0,170)
-
#be00be
#be00be
rgb(190,0,190)
-
#d100d1
#d100d1
rgb(209,0,209)
-
#e500e5
#e500e5
rgb(229,0,229)
-
#f900f9
#f900f9
rgb(249,0,249)
-
#ff0dff
#ff0dff
rgb(255,13,255)
-
#ff21ff
#ff21ff
rgb(255,33,255)
-
#ff34ff
#ff34ff
rgb(255,52,255)
-
#ff48ff
#ff48ff
rgb(255,72,255)
-
#ff5cff
#ff5cff
rgb(255,92,255)
-
#ff6fff
#ff6fff
rgb(255,111,255)
-
#ff83ff
#ff83ff
rgb(255,131,255)
-
#ff96ff
#ff96ff
rgb(255,150,255)
-
#ffaaff
#ffaaff
rgb(255,170,255)
-
#ffbeff
#ffbeff
rgb(255,190,255)
-
#ffd1ff
#ffd1ff
rgb(255,209,255)
-
#ffe5ff
#ffe5ff
rgb(255,229,255)
-
#fff9ff
#fff9ff
rgb(255,249,255)
Tones of #ff48ff
A tone is produced by adding gray to any pure hue. In this case, #ab9cab is the less saturated color, while #ff48ff is the most saturated one.
-
#ab9cab
#ab9cab
rgb(171,156,171)
-
#b295b2
#b295b2
rgb(178,149,178)
-
#b98eb9
#b98eb9
rgb(185,142,185)
-
#c087c0
#c087c0
rgb(192,135,192)
-
#c780c7
#c780c7
rgb(199,128,199)
-
#ce79ce
#ce79ce
rgb(206,121,206)
-
#d572d5
#d572d5
rgb(213,114,213)
-
#dc6bdc
#dc6bdc
rgb(220,107,220)
-
#e364e3
#e364e3
rgb(227,100,227)
-
#ea5dea
#ea5dea
rgb(234,93,234)
-
#f156f1
#f156f1
rgb(241,86,241)
-
#f84ff8
#f84ff8
rgb(248,79,248)
-
#ff48ff
#ff48ff
rgb(255,72,255)
Color Blindness Simulator
Below, you can see how #ff48ff 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.