#ff48bc hex color

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

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

● #ff48bc color description : Light pink.

The hexadecimal color #ff48bc has RGB values of R:255, G:72, B:188 and CMYK values of C:0, M:0.72, Y:0.26, K:0. Its decimal value is 16730300.

Hex triplet	ff48bc	`#ff48bc`
RGB Decimal	255, 72, 188	`rgb(255,72,188)`
RGB Percent	100, 28.2, 73.7	`rgb(100%,28.2%,73.7%)`
CMYK	0, 72, 26, 0
HSL	322°, 100, 64.1	`hsl(322,100%,64.1%)`
HSV (or HSB)	322°, 71.8, 100
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	61.247, 77.636, -21.631
XYZ	52.635, 29.53, 50.502
xyY	0.397, 0.223, 29.53
CIE-LCH	61.247, 80.594, 344.431
CIE-LUV	61.247, 101.534, -45.878
Hunter-Lab	54.342, 77.796, -17.062
Binary	11111111, 01001000, 10111100

#ff48bc
```
#ff48bc rgb(255,72,188)
```
#48ff8b
```
#48ff8b rgb(72,255,139)
```

Complementary Color

#e748ff
```
#e748ff rgb(231,72,255)
```
#ff48bc
```
#ff48bc rgb(255,72,188)
```
#ff4860
```
#ff4860 rgb(255,72,96)
```

Analogous Color

#48ffe7
```
#48ffe7 rgb(72,255,231)
```
#ff48bc
```
#ff48bc rgb(255,72,188)
```
#61ff48
```
#61ff48 rgb(97,255,72)
```

Split Complementary Color

#48bcff
```
#48bcff rgb(72,188,255)
```
#ff48bc
```
#ff48bc rgb(255,72,188)
```
#bcff48
```
#bcff48 rgb(188,255,72)
```

Triadic Color

#8b48ff
```
#8b48ff rgb(139,72,255)
```
#ff48bc
```
#ff48bc rgb(255,72,188)
```
#bcff48
```
#bcff48 rgb(188,255,72)
```
#48ff8b
```
#48ff8b rgb(72,255,139)
```

Tetradic Color

#fb009f
```
#fb009f rgb(251,0,159)
```
#ff15a9
```
#ff15a9 rgb(255,21,169)
```
#ff2fb3
```
#ff2fb3 rgb(255,47,179)
```
#ff48bc
```
#ff48bc rgb(255,72,188)
```
#ff62c5
```
#ff62c5 rgb(255,98,197)
```
#ff7bcf
```
#ff7bcf rgb(255,123,207)
```
#ff95d8
```
#ff95d8 rgb(255,149,216)
```

Monochromatic Color

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

#ff48ea
```
#ff48ea rgb(255,72,234)
```
#ff48db
```
#ff48db rgb(255,72,219)
```
#ff48cb
```
#ff48cb rgb(255,72,203)
```
#ff48bc
```
#ff48bc rgb(255,72,188)
```
#ff48ad
```
#ff48ad rgb(255,72,173)
```
#ff489e
```
#ff489e rgb(255,72,158)
```
#ff488e
```
#ff488e rgb(255,72,142)
```

Similar Colors

Text with hexadecimal color #ff48bc

This text has a font color of #ff48bc.

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

#ff48bc background color

This paragraph has a background color of #ff48bc.

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

#ff48bc border color

This element has a border color of #ff48bc.

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

CSS codes

.text {color:#ff48bc;}

.background {background-color:#ff48bc;}

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

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 #fff9fd is the lightest one.

#0d0008
```
#0d0008 rgb(13,0,8)
```
#210015
```
#210015 rgb(33,0,21)
```
#340021
```
#340021 rgb(52,0,33)
```
#48002e
```
#48002e rgb(72,0,46)
```
#5c003a
```
#5c003a rgb(92,0,58)
```
#6f0047
```
#6f0047 rgb(111,0,71)
```
#830053
```
#830053 rgb(131,0,83)
```
#96005f
```
#96005f rgb(150,0,95)
```
#aa006c
```
#aa006c rgb(170,0,108)
```
#be0078
```
#be0078 rgb(190,0,120)
```
#d10085
```
#d10085 rgb(209,0,133)
```
#e50091
```
#e50091 rgb(229,0,145)
```
#f9009e
```
#f9009e rgb(249,0,158)
```

Shade Color Variation

#ff0da6
```
#ff0da6 rgb(255,13,166)
```
#ff21ae
```
#ff21ae rgb(255,33,174)
```
#ff34b5
```
#ff34b5 rgb(255,52,181)
```
#ff48bc
```
#ff48bc rgb(255,72,188)
```
#ff5cc3
```
#ff5cc3 rgb(255,92,195)
```
#ff6fca
```
#ff6fca rgb(255,111,202)
```
#ff83d2
```
#ff83d2 rgb(255,131,210)
```
#ff96d9
```
#ff96d9 rgb(255,150,217)
```
#ffaae0
```
#ffaae0 rgb(255,170,224)
```
#ffbee7
```
#ffbee7 rgb(255,190,231)
```
#ffd1ee
```
#ffd1ee rgb(255,209,238)
```
#ffe5f5
```
#ffe5f5 rgb(255,229,245)
```
#fff9fd
```
#fff9fd rgb(255,249,253)
```

Tint Color Variation

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

#ab9ca5
```
#ab9ca5 rgb(171,156,165)
```
#b295a7
```
#b295a7 rgb(178,149,167)
```
#b98ea9
```
#b98ea9 rgb(185,142,169)
```
#c087ab
```
#c087ab rgb(192,135,171)
```
#c780ad
```
#c780ad rgb(199,128,173)
```
#ce79af
```
#ce79af rgb(206,121,175)
```
#d572b1
```
#d572b1 rgb(213,114,177)
```
#dc6bb3
```
#dc6bb3 rgb(220,107,179)
```
#e364b4
```
#e364b4 rgb(227,100,180)
```
#ea5db6
```
#ea5db6 rgb(234,93,182)
```
#f156b8
```
#f156b8 rgb(241,86,184)
```
#f84fba
```
#f84fba rgb(248,79,186)
```
#ff48bc
```
#ff48bc rgb(255,72,188)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#a37e96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7696ea Protanopia 1% of men
#9b95b0 Deuteranopia 1% of men
#f8696f Tritanopia 0.001% of the population

Trichromacy

#a87ad9 Protanomaly 1% of men, 0.01% of women
#bf79b4 Deuteranomaly 6% of men, 0.4% of women
#fa5d8b Tritanomaly 0.01% of the population

#ff48bc hex color

#ff48bc Color Information

#ff48bc Color Conversion

Color Schemes with #ff48bc

Alternatives to #ff48bc

#ff48bc Preview

Shades and Tints of #ff48bc

Tones of #ff48bc

Color Blindness Simulator