#f148d5 hex color

In a RGB color space, hex #f148d5 is composed of 94.5% red, 28.2% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 70.1% magenta, 11.6% yellow and 5.5% black. It has a hue angle of 309.9 degrees, a saturation of 85.8% and a lightness of 61.4%. #f148d5 color hex could be obtained by blending #ff90ff with #e300ab. Closest websafe color is: #ff33cc.

♥
- f
- t
- g
- R 95
- G 28
- B 84
RGB color chart
- C 0
- M 70
- Y 12
- K 5
CMYK color chart

● #f148d5 color description : Bright magenta.

The hexadecimal color #f148d5 has RGB values of R:241, G:72, B:213 and CMYK values of C:0, M:0.7, Y:0.12, K:0.05. Its decimal value is 15812821.

Hex triplet	f148d5	`#f148d5`
RGB Decimal	241, 72, 213	`rgb(241,72,213)`
RGB Percent	94.5, 28.2, 83.5	`rgb(94.5%,28.2%,83.5%)`
CMYK	0, 70, 12, 5
HSL	309.9°, 85.8, 61.4	`hsl(309.9,85.8%,61.4%)`
HSV (or HSB)	309.9°, 70.1, 94.5
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	60.018, 77.579, -37.951
XYZ	50.603, 28.143, 65.714
xyY	0.35, 0.195, 28.143
CIE-LCH	60.018, 86.365, 333.932
CIE-LUV	60.018, 81.389, -70.403
Hunter-Lab	53.05, 77.427, -36.308
Binary	11110001, 01001000, 11010101

#f148d5
```
#f148d5 rgb(241,72,213)
```
#48f164
```
#48f164 rgb(72,241,100)
```

Complementary Color

#b948f1
```
#b948f1 rgb(185,72,241)
```
#f148d5
```
#f148d5 rgb(241,72,213)
```
#f14881
```
#f14881 rgb(241,72,129)
```

Analogous Color

#48f1b9
```
#48f1b9 rgb(72,241,185)
```
#f148d5
```
#f148d5 rgb(241,72,213)
```
#81f148
```
#81f148 rgb(129,241,72)
```

Split Complementary Color

#48d5f1
```
#48d5f1 rgb(72,213,241)
```
#f148d5
```
#f148d5 rgb(241,72,213)
```
#d5f148
```
#d5f148 rgb(213,241,72)
```

Triadic Color

#6448f1
```
#6448f1 rgb(100,72,241)
```
#f148d5
```
#f148d5 rgb(241,72,213)
```
#d5f148
```
#d5f148 rgb(213,241,72)
```
#48f164
```
#48f164 rgb(72,241,100)
```

Tetradic Color

#dc11ba
```
#dc11ba rgb(220,17,186)
```
#ed19ca
```
#ed19ca rgb(237,25,202)
```
#ef30d0
```
#ef30d0 rgb(239,48,208)
```
#f148d5
```
#f148d5 rgb(241,72,213)
```
#f360da
```
#f360da rgb(243,96,218)
```
#f577e0
```
#f577e0 rgb(245,119,224)
```
#f68fe5
```
#f68fe5 rgb(246,143,229)
```

Monochromatic Color

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

#e348f1
```
#e348f1 rgb(227,72,241)
```
#f148f1
```
#f148f1 rgb(241,72,241)
```
#f148e3
```
#f148e3 rgb(241,72,227)
```
#f148d5
```
#f148d5 rgb(241,72,213)
```
#f148c7
```
#f148c7 rgb(241,72,199)
```
#f148b9
```
#f148b9 rgb(241,72,185)
```
#f148ab
```
#f148ab rgb(241,72,171)
```

Similar Colors

Text with hexadecimal color #f148d5

This text has a font color of #f148d5.

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

#f148d5 background color

This paragraph has a background color of #f148d5.

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

#f148d5 border color

This element has a border color of #f148d5.

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

CSS codes

.text {color:#f148d5;}

.background {background-color:#f148d5;}

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

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, #11010f is the darkest color, while #fffeff is the lightest one.

#11010f
```
#11010f rgb(17,1,15)
```
#24031e
```
#24031e rgb(36,3,30)
```
#36042e
```
#36042e rgb(54,4,46)
```
#48063d
```
#48063d rgb(72,6,61)
```
#5a074d
```
#5a074d rgb(90,7,77)
```
#6d085c
```
#6d085c rgb(109,8,92)
```
#7f0a6b
```
#7f0a6b rgb(127,10,107)
```
#910b7b
```
#910b7b rgb(145,11,123)
```
#a30c8a
```
#a30c8a rgb(163,12,138)
```
#b50e9a
```
#b50e9a rgb(181,14,154)
```
#c80fa9
```
#c80fa9 rgb(200,15,169)
```
#da11b9
```
#da11b9 rgb(218,17,185)
```
#ec12c8
```
#ec12c8 rgb(236,18,200)
```

Shade Color Variation

#ee24cd
```
#ee24cd rgb(238,36,205)
```
#f036d1
```
#f036d1 rgb(240,54,209)
```
#f148d5
```
#f148d5 rgb(241,72,213)
```
#f25ad9
```
#f25ad9 rgb(242,90,217)
```
#f46cdd
```
#f46cdd rgb(244,108,221)
```
#f57fe2
```
#f57fe2 rgb(245,127,226)
```
#f791e6
```
#f791e6 rgb(247,145,230)
```
#f8a3ea
```
#f8a3ea rgb(248,163,234)
```
#f9b5ee
```
#f9b5ee rgb(249,181,238)
```
#fbc8f2
```
#fbc8f2 rgb(251,200,242)
```
#fcdaf6
```
#fcdaf6 rgb(252,218,246)
```
#feecfb
```
#feecfb rgb(254,236,251)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#9e9b9d
```
#9e9b9d rgb(158,155,157)
```
#a594a2
```
#a594a2 rgb(165,148,162)
```
#ad8ca7
```
#ad8ca7 rgb(173,140,167)
```
#b485ac
```
#b485ac rgb(180,133,172)
```
#bc7db2
```
#bc7db2 rgb(188,125,178)
```
#c475b7
```
#c475b7 rgb(196,117,183)
```
#cb6ebc
```
#cb6ebc rgb(203,110,188)
```
#d366c1
```
#d366c1 rgb(211,102,193)
```
#da5fc6
```
#da5fc6 rgb(218,95,198)
```
#e257cb
```
#e257cb rgb(226,87,203)
```
#e950d0
```
#e950d0 rgb(233,80,208)
```
#f148d5
```
#f148d5 rgb(241,72,213)
```
#f940da
```
#f940da rgb(249,64,218)
```

Tone Color Variation

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

Dichromacy

#5d92ff Protanopia 1% of men
#8694c6 Deuteranopia 1% of men
#e77077 Tritanopia 0.001% of the population

Trichromacy

#9277ef Protanomaly 1% of men, 0.01% of women
#ad78cc Deuteranomaly 6% of men, 0.4% of women
#ea6299 Tritanomaly 0.01% of the population

#f148d5 hex color

#f148d5 Color Information

#f148d5 Color Conversion

Color Schemes with #f148d5

Alternatives to #f148d5

#f148d5 Preview

Shades and Tints of #f148d5

Tones of #f148d5

Color Blindness Simulator