#f7114b hex color

In a RGB color space, hex #f7114b is composed of 96.9% red, 6.7% green and 29.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 93.1% magenta, 69.6% yellow and 3.1% black. It has a hue angle of 344.9 degrees, a saturation of 93.5% and a lightness of 51.8%. #f7114b color hex could be obtained by blending #ff2296 with #ef0000. Closest websafe color is: #ff0033.

♥
- f
- t
- g
- R 97
- G 7
- B 29
RGB color chart
- C 0
- M 93
- Y 70
- K 3
CMYK color chart

● #f7114b color description : Vivid pink.

The hexadecimal color #f7114b has RGB values of R:247, G:17, B:75 and CMYK values of C:0, M:0.93, Y:0.7, K:0.03. Its decimal value is 16191819.

Hex triplet	f7114b	`#f7114b`
RGB Decimal	247, 17, 75	`rgb(247,17,75)`
RGB Percent	96.9, 6.7, 29.4	`rgb(96.9%,6.7%,29.4%)`
CMYK	0, 93, 70, 3
HSL	344.9°, 93.5, 51.8	`hsl(344.9,93.5%,51.8%)`
HSV (or HSB)	344.9°, 93.1, 96.9
Web Safe	ff0033	`#ff0033`

CIE-LAB	52.606, 78.446, 32.635
XYZ	39.83, 20.688, 8.552
xyY	0.577, 0.3, 20.688
CIE-LCH	52.606, 84.964, 22.588
CIE-LUV	52.606, 154.627, 18.54
Hunter-Lab	45.484, 76.714, 20.691
Binary	11110111, 00010001, 01001011

#f7114b
```
#f7114b rgb(247,17,75)
```
#11f7bd
```
#11f7bd rgb(17,247,189)
```

Complementary Color

#f711be
```
#f711be rgb(247,17,190)
```
#f7114b
```
#f7114b rgb(247,17,75)
```
#f74a11
```
#f74a11 rgb(247,74,17)
```

Analogous Color

#11bef7
```
#11bef7 rgb(17,190,247)
```
#f7114b
```
#f7114b rgb(247,17,75)
```
#11f74a
```
#11f74a rgb(17,247,74)
```

Split Complementary Color

#114bf7
```
#114bf7 rgb(17,75,247)
```
#f7114b
```
#f7114b rgb(247,17,75)
```
#4bf711
```
#4bf711 rgb(75,247,17)
```

Triadic Color

#bd11f7
```
#bd11f7 rgb(189,17,247)
```
#f7114b
```
#f7114b rgb(247,17,75)
```
#4bf711
```
#4bf711 rgb(75,247,17)
```
#11f7bd
```
#11f7bd rgb(17,247,189)
```

Tetradic Color

#b50632
```
#b50632 rgb(181,6,50)
```
#ce0739
```
#ce0739 rgb(206,7,57)
```
#e70840
```
#e70840 rgb(231,8,64)
```
#f7114b
```
#f7114b rgb(247,17,75)
```
#f82a5e
```
#f82a5e rgb(248,42,94)
```
#f94270
```
#f94270 rgb(249,66,112)
```
#f95b83
```
#f95b83 rgb(249,91,131)
```

Monochromatic Color

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

#f71185
```
#f71185 rgb(247,17,133)
```
#f71171
```
#f71171 rgb(247,17,113)
```
#f7115e
```
#f7115e rgb(247,17,94)
```
#f7114b
```
#f7114b rgb(247,17,75)
```
#f71138
```
#f71138 rgb(247,17,56)
```
#f71125
```
#f71125 rgb(247,17,37)
```
#f71112
```
#f71112 rgb(247,17,18)
```

Similar Colors

Text with hexadecimal color #f7114b

This text has a font color of #f7114b.

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

#f7114b background color

This paragraph has a background color of #f7114b.

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

#f7114b border color

This element has a border color of #f7114b.

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

CSS codes

.text {color:#f7114b;}

.background {background-color:#f7114b;}

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

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, #090002 is the darkest color, while #fff5f7 is the lightest one.

#090002
```
#090002 rgb(9,0,2)
```
#1c0108
```
#1c0108 rgb(28,1,8)
```
#2f020d
```
#2f020d rgb(47,2,13)
```
#420212
```
#420212 rgb(66,2,18)
```
#550317
```
#550317 rgb(85,3,23)
```
#68031d
```
#68031d rgb(104,3,29)
```
#7b0422
```
#7b0422 rgb(123,4,34)
```
#8e0527
```
#8e0527 rgb(142,5,39)
```
#a1052d
```
#a1052d rgb(161,5,45)
```
#b40632
```
#b40632 rgb(180,6,50)
```
#c60737
```
#c60737 rgb(198,7,55)
```
#d9073c
```
#d9073c rgb(217,7,60)
```
#ec0842
```
#ec0842 rgb(236,8,66)
```

Shade Color Variation

#f7114b
```
#f7114b rgb(247,17,75)
```
#f82459
```
#f82459 rgb(248,36,89)
```
#f83768
```
#f83768 rgb(248,55,104)
```
#f94a76
```
#f94a76 rgb(249,74,118)
```
#fa5d84
```
#fa5d84 rgb(250,93,132)
```
#fa7093
```
#fa7093 rgb(250,112,147)
```
#fb83a1
```
#fb83a1 rgb(251,131,161)
```
#fb96af
```
#fb96af rgb(251,150,175)
```
#fca9be
```
#fca9be rgb(252,169,190)
```
#fdbccc
```
#fdbccc rgb(253,188,204)
```
#fdcfdb
```
#fdcfdb rgb(253,207,219)
```
#fee2e9
```
#fee2e9 rgb(254,226,233)
```
#fff5f7
```
#fff5f7 rgb(255,245,247)
```

Tint Color Variation

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

#858383
```
#858383 rgb(133,131,131)
```
#8f797f
```
#8f797f rgb(143,121,127)
```
#98707a
```
#98707a rgb(152,112,122)
```
#a26675
```
#a26675 rgb(162,102,117)
```
#ab5d71
```
#ab5d71 rgb(171,93,113)
```
#b5536c
```
#b5536c rgb(181,83,108)
```
#be4a67
```
#be4a67 rgb(190,74,103)
```
#c84062
```
#c84062 rgb(200,64,98)
```
#d1375e
```
#d1375e rgb(209,55,94)
```
#db2d59
```
#db2d59 rgb(219,45,89)
```
#e42454
```
#e42454 rgb(228,36,84)
```
#ee1a50
```
#ee1a50 rgb(238,26,80)
```
#f7114b
```
#f7114b rgb(247,17,75)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#7b4d59 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a8372 Protanopia 1% of men
#a17e46 Deuteranopia 1% of men
#f62b28 Tritanopia 0.001% of the population

Trichromacy

#b25a64 Protanomaly 1% of men, 0.01% of women
#c05647 Deuteranomaly 6% of men, 0.4% of women
#f62135 Tritanomaly 0.01% of the population

#f7114b hex color

#f7114b Color Information

#f7114b Color Conversion

Color Schemes with #f7114b

Alternatives to #f7114b

#f7114b Preview

Shades and Tints of #f7114b

Tones of #f7114b

Color Blindness Simulator