#ff48b5 hex color

In a RGB color space, hex #ff48b5 is composed of 100% red, 28.2% green and 71% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71.8% magenta, 29% yellow and 0% black. It has a hue angle of 324.3 degrees, a saturation of 100% and a lightness of 64.1%. #ff48b5 color hex could be obtained by blending #ff90ff with #ff006b. Closest websafe color is: #ff33cc.

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

● #ff48b5 color description : Light pink.

The hexadecimal color #ff48b5 has RGB values of R:255, G:72, B:181 and CMYK values of C:0, M:0.72, Y:0.29, K:0. Its decimal value is 16730293.

Hex triplet	ff48b5	`#ff48b5`
RGB Decimal	255, 72, 181	`rgb(255,72,181)`
RGB Percent	100, 28.2, 71	`rgb(100%,28.2%,71%)`
CMYK	0, 72, 29, 0
HSL	324.3°, 100, 64.1	`hsl(324.3,100%,64.1%)`
HSV (or HSB)	324.3°, 71.8, 100
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	60.989, 76.823, -18.006
XYZ	51.898, 29.236, 46.623
xyY	0.406, 0.229, 29.236
CIE-LCH	60.989, 78.905, 346.809
CIE-LUV	60.989, 104.273, -40.345
Hunter-Lab	54.07, 76.709, -13.276
Binary	11111111, 01001000, 10110101

#ff48b5
```
#ff48b5 rgb(255,72,181)
```
#48ff92
```
#48ff92 rgb(72,255,146)
```

Complementary Color

#ee48ff
```
#ee48ff rgb(238,72,255)
```
#ff48b5
```
#ff48b5 rgb(255,72,181)
```
#ff485a
```
#ff485a rgb(255,72,90)
```

Analogous Color

#48ffee
```
#48ffee rgb(72,255,238)
```
#ff48b5
```
#ff48b5 rgb(255,72,181)
```
#5aff48
```
#5aff48 rgb(90,255,72)
```

Split Complementary Color

#48b5ff
```
#48b5ff rgb(72,181,255)
```
#ff48b5
```
#ff48b5 rgb(255,72,181)
```
#b5ff48
```
#b5ff48 rgb(181,255,72)
```

Triadic Color

#9248ff
```
#9248ff rgb(146,72,255)
```
#ff48b5
```
#ff48b5 rgb(255,72,181)
```
#b5ff48
```
#b5ff48 rgb(181,255,72)
```
#48ff92
```
#48ff92 rgb(72,255,146)
```

Tetradic Color

#fb0095
```
#fb0095 rgb(251,0,149)
```
#ff15a0
```
#ff15a0 rgb(255,21,160)
```
#ff2fab
```
#ff2fab rgb(255,47,171)
```
#ff48b5
```
#ff48b5 rgb(255,72,181)
```
#ff62bf
```
#ff62bf rgb(255,98,191)
```
#ff7bca
```
#ff7bca rgb(255,123,202)
```
#ff95d4
```
#ff95d4 rgb(255,149,212)
```

Monochromatic Color

Below, you can see some colors close to #ff48b5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#ff48e3
```
#ff48e3 rgb(255,72,227)
```
#ff48d4
```
#ff48d4 rgb(255,72,212)
```
#ff48c4
```
#ff48c4 rgb(255,72,196)
```
#ff48b5
```
#ff48b5 rgb(255,72,181)
```
#ff48a6
```
#ff48a6 rgb(255,72,166)
```
#ff4897
```
#ff4897 rgb(255,72,151)
```
#ff4887
```
#ff4887 rgb(255,72,135)
```

Similar Colors

Text with hexadecimal color #ff48b5

This text has a font color of #ff48b5.

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

#ff48b5 background color

This paragraph has a background color of #ff48b5.

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

#ff48b5 border color

This element has a border color of #ff48b5.

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

CSS codes

.text {color:#ff48b5;}

.background {background-color:#ff48b5;}

.border {border:1px solid #ff48b5;}

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, #0d0008 is the darkest color, while #fff9fc is the lightest one.

#0d0008
```
#0d0008 rgb(13,0,8)
```
#210014
```
#210014 rgb(33,0,20)
```
#34001f
```
#34001f rgb(52,0,31)
```
#48002b
```
#48002b rgb(72,0,43)
```
#5c0037
```
#5c0037 rgb(92,0,55)
```
#6f0042
```
#6f0042 rgb(111,0,66)
```
#83004e
```
#83004e rgb(131,0,78)
```
#96005a
```
#96005a rgb(150,0,90)
```
#aa0065
```
#aa0065 rgb(170,0,101)
```
#be0071
```
#be0071 rgb(190,0,113)
```
#d1007d
```
#d1007d rgb(209,0,125)
```
#e50088
```
#e50088 rgb(229,0,136)
```
#f90094
```
#f90094 rgb(249,0,148)
```

Shade Color Variation

#ff0d9d
```
#ff0d9d rgb(255,13,157)
```
#ff21a5
```
#ff21a5 rgb(255,33,165)
```
#ff34ad
```
#ff34ad rgb(255,52,173)
```
#ff48b5
```
#ff48b5 rgb(255,72,181)
```
#ff5cbd
```
#ff5cbd rgb(255,92,189)
```
#ff6fc5
```
#ff6fc5 rgb(255,111,197)
```
#ff83cd
```
#ff83cd rgb(255,131,205)
```
#ff96d5
```
#ff96d5 rgb(255,150,213)
```
#ffaadd
```
#ffaadd rgb(255,170,221)
```
#ffbee5
```
#ffbee5 rgb(255,190,229)
```
#ffd1ed
```
#ffd1ed rgb(255,209,237)
```
#ffe5f4
```
#ffe5f4 rgb(255,229,244)
```
#fff9fc
```
#fff9fc rgb(255,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #ab9ca5 is the less saturated color, while #ff48b5 is the most saturated one.

#ab9ca5
```
#ab9ca5 rgb(171,156,165)
```
#b295a6
```
#b295a6 rgb(178,149,166)
```
#b98ea8
```
#b98ea8 rgb(185,142,168)
```
#c087a9
```
#c087a9 rgb(192,135,169)
```
#c780aa
```
#c780aa rgb(199,128,170)
```
#ce79ac
```
#ce79ac rgb(206,121,172)
```
#d572ad
```
#d572ad rgb(213,114,173)
```
#dc6bae
```
#dc6bae rgb(220,107,174)
```
#e364b0
```
#e364b0 rgb(227,100,176)
```
#ea5db1
```
#ea5db1 rgb(234,93,177)
```
#f156b2
```
#f156b2 rgb(241,86,178)
```
#f84fb4
```
#f84fb4 rgb(248,79,180)
```
#ff48b5
```
#ff48b5 rgb(255,72,181)
```

Tone Color Variation

Below, you can see how #ff48b5 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

#8b8b8b Achromatopsia 0.005% of the population
#a27e93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a96e2 Protanopia 1% of men
#9e95aa Deuteranopia 1% of men
#f8676d Tritanopia 0.001% of the population

Trichromacy

#aa79d2 Protanomaly 1% of men, 0.01% of women
#c179ae Deuteranomaly 6% of men, 0.4% of women
#fb5c87 Tritanomaly 0.01% of the population

#ff48b5 hex color

#ff48b5 Color Information

#ff48b5 Color Conversion

Color Schemes with #ff48b5

Alternatives to #ff48b5

#ff48b5 Preview

Shades and Tints of #ff48b5

Tones of #ff48b5

Color Blindness Simulator