#f148ca hex color

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

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

● #f148ca color description : Bright magenta.

The hexadecimal color #f148ca has RGB values of R:241, G:72, B:202 and CMYK values of C:0, M:0.7, Y:0.16, K:0.05. Its decimal value is 15812810.

Hex triplet	f148ca	`#f148ca`
RGB Decimal	241, 72, 202	`rgb(241,72,202)`
RGB Percent	94.5, 28.2, 79.2	`rgb(94.5%,28.2%,79.2%)`
CMYK	0, 70, 16, 5
HSL	313.8°, 85.8, 61.4	`hsl(313.8,85.8%,61.4%)`
HSV (or HSB)	313.8°, 70.1, 94.5
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	59.529, 76.053, -32.468
XYZ	49.254, 27.604, 58.608
xyY	0.364, 0.204, 27.604
CIE-LCH	59.529, 82.694, 336.882
CIE-LUV	59.529, 85.446, -61.626
Hunter-Lab	52.539, 75.394, -29.361
Binary	11110001, 01001000, 11001010

#f148ca
```
#f148ca rgb(241,72,202)
```
#48f16f
```
#48f16f rgb(72,241,111)
```

Complementary Color

#c448f1
```
#c448f1 rgb(196,72,241)
```
#f148ca
```
#f148ca rgb(241,72,202)
```
#f14876
```
#f14876 rgb(241,72,118)
```

Analogous Color

#48f1c4
```
#48f1c4 rgb(72,241,196)
```
#f148ca
```
#f148ca rgb(241,72,202)
```
#76f148
```
#76f148 rgb(118,241,72)
```

Split Complementary Color

#48caf1
```
#48caf1 rgb(72,202,241)
```
#f148ca
```
#f148ca rgb(241,72,202)
```
#caf148
```
#caf148 rgb(202,241,72)
```

Triadic Color

#6f48f1
```
#6f48f1 rgb(111,72,241)
```
#f148ca
```
#f148ca rgb(241,72,202)
```
#caf148
```
#caf148 rgb(202,241,72)
```
#48f16f
```
#48f16f rgb(72,241,111)
```

Tetradic Color

#dc11ad
```
#dc11ad rgb(220,17,173)
```
#ed19bc
```
#ed19bc rgb(237,25,188)
```
#ef30c3
```
#ef30c3 rgb(239,48,195)
```
#f148ca
```
#f148ca rgb(241,72,202)
```
#f360d1
```
#f360d1 rgb(243,96,209)
```
#f577d8
```
#f577d8 rgb(245,119,216)
```
#f68fdf
```
#f68fdf rgb(246,143,223)
```

Monochromatic Color

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

#ee48f1
```
#ee48f1 rgb(238,72,241)
```
#f148e6
```
#f148e6 rgb(241,72,230)
```
#f148d8
```
#f148d8 rgb(241,72,216)
```
#f148ca
```
#f148ca rgb(241,72,202)
```
#f148bc
```
#f148bc rgb(241,72,188)
```
#f148ae
```
#f148ae rgb(241,72,174)
```
#f148a0
```
#f148a0 rgb(241,72,160)
```

Similar Colors

Text with hexadecimal color #f148ca

This text has a font color of #f148ca.

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

#f148ca background color

This paragraph has a background color of #f148ca.

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

#f148ca border color

This element has a border color of #f148ca.

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

CSS codes

.text {color:#f148ca;}

.background {background-color:#f148ca;}

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

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

#11010e
```
#11010e rgb(17,1,14)
```
#24031c
```
#24031c rgb(36,3,28)
```
#36042a
```
#36042a rgb(54,4,42)
```
#480639
```
#480639 rgb(72,6,57)
```
#5a0747
```
#5a0747 rgb(90,7,71)
```
#6d0855
```
#6d0855 rgb(109,8,85)
```
#7f0a64
```
#7f0a64 rgb(127,10,100)
```
#910b72
```
#910b72 rgb(145,11,114)
```
#a30c80
```
#a30c80 rgb(163,12,128)
```
#b50e8f
```
#b50e8f rgb(181,14,143)
```
#c80f9d
```
#c80f9d rgb(200,15,157)
```
#da11ab
```
#da11ab rgb(218,17,171)
```
#ec12ba
```
#ec12ba rgb(236,18,186)
```

Shade Color Variation

#ee24bf
```
#ee24bf rgb(238,36,191)
```
#f036c5
```
#f036c5 rgb(240,54,197)
```
#f148ca
```
#f148ca rgb(241,72,202)
```
#f25acf
```
#f25acf rgb(242,90,207)
```
#f46cd5
```
#f46cd5 rgb(244,108,213)
```
#f57fda
```
#f57fda rgb(245,127,218)
```
#f791df
```
#f791df rgb(247,145,223)
```
#f8a3e4
```
#f8a3e4 rgb(248,163,228)
```
#f9b5ea
```
#f9b5ea rgb(249,181,234)
```
#fbc8ef
```
#fbc8ef rgb(251,200,239)
```
#fcdaf4
```
#fcdaf4 rgb(252,218,244)
```
#feecf9
```
#feecf9 rgb(254,236,249)
```
#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 #f940ce is the most saturated one.

#9e9b9d
```
#9e9b9d rgb(158,155,157)
```
#a594a1
```
#a594a1 rgb(165,148,161)
```
#ad8ca5
```
#ad8ca5 rgb(173,140,165)
```
#b485a9
```
#b485a9 rgb(180,133,169)
```
#bc7dad
```
#bc7dad rgb(188,125,173)
```
#c475b2
```
#c475b2 rgb(196,117,178)
```
#cb6eb6
```
#cb6eb6 rgb(203,110,182)
```
#d366ba
```
#d366ba rgb(211,102,186)
```
#da5fbe
```
#da5fbe rgb(218,95,190)
```
#e257c2
```
#e257c2 rgb(226,87,194)
```
#e950c6
```
#e950c6 rgb(233,80,198)
```
#f148ca
```
#f148ca rgb(241,72,202)
```
#f940ce
```
#f940ce rgb(249,64,206)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#9e7c96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6191f8 Protanopia 1% of men
#8c92bd Deuteranopia 1% of men
#e86d74 Tritanopia 0.001% of the population

Trichromacy

#9576e7 Protanomaly 1% of men, 0.01% of women
#b077c1 Deuteranomaly 6% of men, 0.4% of women
#eb5f93 Tritanomaly 0.01% of the population

#f148ca hex color

#f148ca Color Information

#f148ca Color Conversion

Color Schemes with #f148ca

Alternatives to #f148ca

#f148ca Preview

Shades and Tints of #f148ca

Tones of #f148ca

Color Blindness Simulator