#f7148a hex color

In a RGB color space, hex #f7148a is composed of 96.9% red, 7.8% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91.9% magenta, 44.1% yellow and 3.1% black. It has a hue angle of 328.8 degrees, a saturation of 93.4% and a lightness of 52.4%. #f7148a color hex could be obtained by blending #ff28ff with #ef0015. Closest websafe color is: #ff0099.

♥
- f
- t
- g
- R 97
- G 8
- B 54
RGB color chart
- C 0
- M 92
- Y 44
- K 3
CMYK color chart

● #f7148a color description : Vivid pink.

The hexadecimal color #f7148a has RGB values of R:247, G:20, B:138 and CMYK values of C:0, M:0.92, Y:0.44, K:0.03. Its decimal value is 16192650.

Hex triplet	f7148a	`#f7148a`
RGB Decimal	247, 20, 138	`rgb(247,20,138)`
RGB Percent	96.9, 7.8, 54.1	`rgb(96.9%,7.8%,54.1%)`
CMYK	0, 92, 44, 3
HSL	328.8°, 93.4, 52.4	`hsl(328.8,93.4%,52.4%)`
HSV (or HSB)	328.8°, 91.9, 96.9
Web Safe	ff0099	`#ff0099`

CIE-LAB	54.148, 82.059, -3.194
XYZ	43.197, 22.114, 26.037
xyY	0.473, 0.242, 22.114
CIE-LCH	54.148, 82.121, 357.771
CIE-LUV	54.148, 129.219, -20.415
Hunter-Lab	47.026, 81.67, 0.09
Binary	11110111, 00010100, 10001010

#f7148a
```
#f7148a rgb(247,20,138)
```
#14f781
```
#14f781 rgb(20,247,129)
```

Complementary Color

#f314f7
```
#f314f7 rgb(243,20,247)
```
#f7148a
```
#f7148a rgb(247,20,138)
```
#f71419
```
#f71419 rgb(247,20,25)
```

Analogous Color

#14f7f3
```
#14f7f3 rgb(20,247,243)
```
#f7148a
```
#f7148a rgb(247,20,138)
```
#19f714
```
#19f714 rgb(25,247,20)
```

Split Complementary Color

#148af7
```
#148af7 rgb(20,138,247)
```
#f7148a
```
#f7148a rgb(247,20,138)
```
#8af714
```
#8af714 rgb(138,247,20)
```

Triadic Color

#8114f7
```
#8114f7 rgb(129,20,247)
```
#f7148a
```
#f7148a rgb(247,20,138)
```
#8af714
```
#8af714 rgb(138,247,20)
```
#14f781
```
#14f781 rgb(20,247,129)
```

Tetradic Color

#b80663
```
#b80663 rgb(184,6,99)
```
#d10770
```
#d10770 rgb(209,7,112)
```
#ea087d
```
#ea087d rgb(234,8,125)
```
#f7148a
```
#f7148a rgb(247,20,138)
```
#f82d96
```
#f82d96 rgb(248,45,150)
```
#f945a3
```
#f945a3 rgb(249,69,163)
```
#fa5eaf
```
#fa5eaf rgb(250,94,175)
```

Monochromatic Color

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

#f714c3
```
#f714c3 rgb(247,20,195)
```
#f714b0
```
#f714b0 rgb(247,20,176)
```
#f7149d
```
#f7149d rgb(247,20,157)
```
#f7148a
```
#f7148a rgb(247,20,138)
```
#f71477
```
#f71477 rgb(247,20,119)
```
#f71464
```
#f71464 rgb(247,20,100)
```
#f71451
```
#f71451 rgb(247,20,81)
```

Similar Colors

Text with hexadecimal color #f7148a

This text has a font color of #f7148a.

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

#f7148a background color

This paragraph has a background color of #f7148a.

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

#f7148a border color

This element has a border color of #f7148a.

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

CSS codes

.text {color:#f7148a;}

.background {background-color:#f7148a;}

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

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

#0c0006
```
#0c0006 rgb(12,0,6)
```
#1f0110
```
#1f0110 rgb(31,1,16)
```
#32021b
```
#32021b rgb(50,2,27)
```
#450225
```
#450225 rgb(69,2,37)
```
#57032f
```
#57032f rgb(87,3,47)
```
#6a0439
```
#6a0439 rgb(106,4,57)
```
#7d0443
```
#7d0443 rgb(125,4,67)
```
#90054d
```
#90054d rgb(144,5,77)
```
#a30658
```
#a30658 rgb(163,6,88)
```
#b60662
```
#b60662 rgb(182,6,98)
```
#c9076c
```
#c9076c rgb(201,7,108)
```
#dc0776
```
#dc0776 rgb(220,7,118)
```
#ef0880
```
#ef0880 rgb(239,8,128)
```

Shade Color Variation

#f7148a
```
#f7148a rgb(247,20,138)
```
#f82793
```
#f82793 rgb(248,39,147)
```
#f83a9d
```
#f83a9d rgb(248,58,157)
```
#f94da6
```
#f94da6 rgb(249,77,166)
```
#fa60b0
```
#fa60b0 rgb(250,96,176)
```
#fa73b9
```
#fa73b9 rgb(250,115,185)
```
#fb86c3
```
#fb86c3 rgb(251,134,195)
```
#fc99cc
```
#fc99cc rgb(252,153,204)
```
#fcacd6
```
#fcacd6 rgb(252,172,214)
```
#fdbfdf
```
#fdbfdf rgb(253,191,223)
```
#fdd2e8
```
#fdd2e8 rgb(253,210,232)
```
#fee5f2
```
#fee5f2 rgb(254,229,242)
```
#fff8fb
```
#fff8fb rgb(255,248,251)
```

Tint Color Variation

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

#878486
```
#878486 rgb(135,132,134)
```
#907b86
```
#907b86 rgb(144,123,134)
```
#9a7186
```
#9a7186 rgb(154,113,134)
```
#a36887
```
#a36887 rgb(163,104,135)
```
#ac5f87
```
#ac5f87 rgb(172,95,135)
```
#b65587
```
#b65587 rgb(182,85,135)
```
#bf4c88
```
#bf4c88 rgb(191,76,136)
```
#c84388
```
#c84388 rgb(200,67,136)
```
#d23989
```
#d23989 rgb(210,57,137)
```
#db3089
```
#db3089 rgb(219,48,137)
```
#e42789
```
#e42789 rgb(228,39,137)
```
#ee1d8a
```
#ee1d8a rgb(238,29,138)
```
#f7148a
```
#f7148a rgb(247,20,138)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#82556c Atypical Achromatopsia 0.001% of the population

Dichromacy

#7486be Protanopia 1% of men
#978381 Deuteranopia 1% of men
#f34244 Tritanopia 0.001% of the population

Trichromacy

#a35cab Protanomaly 1% of men, 0.01% of women
#ba5b84 Deuteranomaly 6% of men, 0.4% of women
#f4315d Tritanomaly 0.01% of the population

#f7148a hex color

#f7148a Color Information

#f7148a Color Conversion

Color Schemes with #f7148a

Alternatives to #f7148a

#f7148a Preview

Shades and Tints of #f7148a

Tones of #f7148a

Color Blindness Simulator