#ff48b6 hex color

In a RGB color space, hex #ff48b6 is composed of 100% red, 28.2% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71.8% magenta, 28.6% yellow and 0% black. It has a hue angle of 323.9 degrees, a saturation of 100% and a lightness of 64.1%. #ff48b6 color hex could be obtained by blending #ff90ff with #ff006d. 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

● #ff48b6 color description : Light pink.

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

Hex triplet	ff48b6	`#ff48b6`
RGB Decimal	255, 72, 182	`rgb(255,72,182)`
RGB Percent	100, 28.2, 71.4	`rgb(100%,28.2%,71.4%)`
CMYK	0, 72, 29, 0
HSL	323.9°, 100, 64.1	`hsl(323.9,100%,64.1%)`
HSV (or HSB)	323.9°, 71.8, 100
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	61.025, 76.938, -18.526
XYZ	52.001, 29.277, 47.166
xyY	0.405, 0.228, 29.277
CIE-LCH	61.025, 79.137, 346.461
CIE-LUV	61.025, 103.882, -41.133
Hunter-Lab	54.108, 76.861, -13.807
Binary	11111111, 01001000, 10110110

#ff48b6
```
#ff48b6 rgb(255,72,182)
```
#48ff91
```
#48ff91 rgb(72,255,145)
```

Complementary Color

#ed48ff
```
#ed48ff rgb(237,72,255)
```
#ff48b6
```
#ff48b6 rgb(255,72,182)
```
#ff485b
```
#ff485b rgb(255,72,91)
```

Analogous Color

#48ffed
```
#48ffed rgb(72,255,237)
```
#ff48b6
```
#ff48b6 rgb(255,72,182)
```
#5bff48
```
#5bff48 rgb(91,255,72)
```

Split Complementary Color

#48b6ff
```
#48b6ff rgb(72,182,255)
```
#ff48b6
```
#ff48b6 rgb(255,72,182)
```
#b6ff48
```
#b6ff48 rgb(182,255,72)
```

Triadic Color

#9148ff
```
#9148ff rgb(145,72,255)
```
#ff48b6
```
#ff48b6 rgb(255,72,182)
```
#b6ff48
```
#b6ff48 rgb(182,255,72)
```
#48ff91
```
#48ff91 rgb(72,255,145)
```

Tetradic Color

#fb0097
```
#fb0097 rgb(251,0,151)
```
#ff15a2
```
#ff15a2 rgb(255,21,162)
```
#ff2fac
```
#ff2fac rgb(255,47,172)
```
#ff48b6
```
#ff48b6 rgb(255,72,182)
```
#ff62c0
```
#ff62c0 rgb(255,98,192)
```
#ff7bca
```
#ff7bca rgb(255,123,202)
```
#ff95d5
```
#ff95d5 rgb(255,149,213)
```

Monochromatic Color

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

#ff48e4
```
#ff48e4 rgb(255,72,228)
```
#ff48d5
```
#ff48d5 rgb(255,72,213)
```
#ff48c5
```
#ff48c5 rgb(255,72,197)
```
#ff48b6
```
#ff48b6 rgb(255,72,182)
```
#ff48a7
```
#ff48a7 rgb(255,72,167)
```
#ff4898
```
#ff4898 rgb(255,72,152)
```
#ff4888
```
#ff4888 rgb(255,72,136)
```

Similar Colors

Text with hexadecimal color #ff48b6

This text has a font color of #ff48b6.

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

#ff48b6 background color

This paragraph has a background color of #ff48b6.

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

#ff48b6 border color

This element has a border color of #ff48b6.

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

CSS codes

.text {color:#ff48b6;}

.background {background-color:#ff48b6;}

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

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)
```
#6f0043
```
#6f0043 rgb(111,0,67)
```
#83004f
```
#83004f rgb(131,0,79)
```
#96005a
```
#96005a rgb(150,0,90)
```
#aa0066
```
#aa0066 rgb(170,0,102)
```
#be0072
```
#be0072 rgb(190,0,114)
```
#d1007e
```
#d1007e rgb(209,0,126)
```
#e5008a
```
#e5008a rgb(229,0,138)
```
#f90095
```
#f90095 rgb(249,0,149)
```

Shade Color Variation

#ff0d9f
```
#ff0d9f rgb(255,13,159)
```
#ff21a6
```
#ff21a6 rgb(255,33,166)
```
#ff34ae
```
#ff34ae rgb(255,52,174)
```
#ff48b6
```
#ff48b6 rgb(255,72,182)
```
#ff5cbe
```
#ff5cbe rgb(255,92,190)
```
#ff6fc6
```
#ff6fc6 rgb(255,111,198)
```
#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)
```
#ffe5f5
```
#ffe5f5 rgb(255,229,245)
```
#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 #ff48b6 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)
```
#c780ab
```
#c780ab rgb(199,128,171)
```
#ce79ac
```
#ce79ac rgb(206,121,172)
```
#d572ad
```
#d572ad rgb(213,114,173)
```
#dc6baf
```
#dc6baf rgb(220,107,175)
```
#e364b0
```
#e364b0 rgb(227,100,176)
```
#ea5db2
```
#ea5db2 rgb(234,93,178)
```
#f156b3
```
#f156b3 rgb(241,86,179)
```
#f84fb5
```
#f84fb5 rgb(248,79,181)
```
#ff48b6
```
#ff48b6 rgb(255,72,182)
```

Tone Color Variation

Below, you can see how #ff48b6 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
#a27e94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a96e3 Protanopia 1% of men
#9e95ab Deuteranopia 1% of men
#f8676d Tritanopia 0.001% of the population

Trichromacy

#aa79d3 Protanomaly 1% of men, 0.01% of women
#c179af Deuteranomaly 6% of men, 0.4% of women
#fa5c88 Tritanomaly 0.01% of the population

#ff48b6 hex color

#ff48b6 Color Information

#ff48b6 Color Conversion

Color Schemes with #ff48b6

Alternatives to #ff48b6

#ff48b6 Preview

Shades and Tints of #ff48b6

Tones of #ff48b6

Color Blindness Simulator