#ff48ff hex color

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.

♥
- f
- t
- g
- R 100
- G 28
- B 100
RGB color chart
- C 0
- M 72
- Y 0
- K 0
CMYK color chart

● #ff48ff color description : Light magenta.

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

#ff48ff
```
#ff48ff rgb(255,72,255)
```
#48ff48
```
#48ff48 rgb(72,255,72)
```

Complementary Color

#a448ff
```
#a448ff rgb(164,72,255)
```
#ff48ff
```
#ff48ff rgb(255,72,255)
```
#ff48a4
```
#ff48a4 rgb(255,72,164)
```

Analogous Color

#48ffa4
```
#48ffa4 rgb(72,255,164)
```
#ff48ff
```
#ff48ff rgb(255,72,255)
```
#a4ff48
```
#a4ff48 rgb(164,255,72)
```

Split Complementary Color

#48ffff
```
#48ffff rgb(72,255,255)
```
#ff48ff
```
#ff48ff rgb(255,72,255)
```
#ffff48
```
#ffff48 rgb(255,255,72)
```

Triadic Color

#4848ff
```
#4848ff rgb(72,72,255)
```
#ff48ff
```
#ff48ff rgb(255,72,255)
```
#ffff48
```
#ffff48 rgb(255,255,72)
```
#48ff48
```
#48ff48 rgb(72,255,72)
```

Tetradic Color

#fb00fb
```
#fb00fb rgb(251,0,251)
```
#ff15ff
```
#ff15ff rgb(255,21,255)
```
#ff2fff
```
#ff2fff rgb(255,47,255)
```
#ff48ff
```
#ff48ff rgb(255,72,255)
```
#ff62ff
```
#ff62ff rgb(255,98,255)
```
#ff7bff
```
#ff7bff rgb(255,123,255)
```
#ff95ff
```
#ff95ff rgb(255,149,255)
```

Monochromatic Color

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.

#d148ff
```
#d148ff rgb(209,72,255)
```
#e148ff
```
#e148ff rgb(225,72,255)
```
#f048ff
```
#f048ff rgb(240,72,255)
```
#ff48ff
```
#ff48ff rgb(255,72,255)
```
#ff48f0
```
#ff48f0 rgb(255,72,240)
```
#ff48e1
```
#ff48e1 rgb(255,72,225)
```
#ff48d1
```
#ff48d1 rgb(255,72,209)
```

Similar Colors

Text with hexadecimal color #ff48ff

This text has a font color of #ff48ff.

<span style="color:#ff48ff;">Text here</span>

#ff48ff background color

This paragraph has a background color of #ff48ff.

<p style="background-color:#ff48ff;">Content here</p>

#ff48ff border color

This element has a border color of #ff48ff.

<div style="border:1px solid #ff48ff;">Content here</div>

CSS codes

.text {color:#ff48ff;}

.background {background-color:#ff48ff;}

.border {border:1px solid #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)
```

Shade Color Variation

#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)
```

Tint Color Variation

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)
```

Tone Color Variation

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.

Monochromacy

#949494 Achromatopsia 0.005% of the population
#a985a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#739eff Protanopia 1% of men
#7aa0ea Deuteranopia 1% of men
#ef7e86 Tritanopia 0.001% of the population

Trichromacy

#a67eff Protanomaly 1% of men, 0.01% of women
#aa80f2 Deuteranomaly 6% of men, 0.4% of women
#f56ab2 Tritanomaly 0.01% of the population

#ff48ff hex color

#ff48ff Color Information

#ff48ff Color Conversion

Color Schemes with #ff48ff

Alternatives to #ff48ff

#ff48ff Preview

Shades and Tints of #ff48ff

Tones of #ff48ff

Color Blindness Simulator