#f84076 hex color

In a RGB color space, hex #f84076 is composed of 97.3% red, 25.1% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.2% magenta, 52.4% yellow and 2.7% black. It has a hue angle of 342.4 degrees, a saturation of 92.9% and a lightness of 61.2%. #f84076 color hex could be obtained by blending #ff80ec with #f10000. Closest websafe color is: #ff3366.

♥
- f
- t
- g
- R 97
- G 25
- B 46
RGB color chart
- C 0
- M 74
- Y 52
- K 3
CMYK color chart

● #f84076 color description : Bright pink.

The hexadecimal color #f84076 has RGB values of R:248, G:64, B:118 and CMYK values of C:0, M:0.74, Y:0.52, K:0.03. Its decimal value is 16269430.

Hex triplet	f84076	`#f84076`
RGB Decimal	248, 64, 118	`rgb(248,64,118)`
RGB Percent	97.3, 25.1, 46.3	`rgb(97.3%,25.1%,46.3%)`
CMYK	0, 74, 52, 3
HSL	342.4°, 92.9, 61.2	`hsl(342.4,92.9%,61.2%)`
HSV (or HSB)	342.4°, 74.2, 97.3
Web Safe	ff3366	`#ff3366`

CIE-LAB	57.013, 71.539, 12.873
XYZ	43.816, 24.936, 19.644
xyY	0.496, 0.282, 24.936
CIE-LCH	57.013, 72.688, 10.201
CIE-LUV	57.013, 125.817, 1.751
Hunter-Lab	49.936, 69.237, 11.631
Binary	11111000, 01000000, 01110110

#f84076
```
#f84076 rgb(248,64,118)
```
#40f8c2
```
#40f8c2 rgb(64,248,194)
```

Complementary Color

#f840d2
```
#f840d2 rgb(248,64,210)
```
#f84076
```
#f84076 rgb(248,64,118)
```
#f86640
```
#f86640 rgb(248,102,64)
```

Analogous Color

#40d2f8
```
#40d2f8 rgb(64,210,248)
```
#f84076
```
#f84076 rgb(248,64,118)
```
#40f866
```
#40f866 rgb(64,248,102)
```

Split Complementary Color

#4076f8
```
#4076f8 rgb(64,118,248)
```
#f84076
```
#f84076 rgb(248,64,118)
```
#76f840
```
#76f840 rgb(118,248,64)
```

Triadic Color

#c240f8
```
#c240f8 rgb(194,64,248)
```
#f84076
```
#f84076 rgb(248,64,118)
```
#76f840
```
#76f840 rgb(118,248,64)
```
#40f8c2
```
#40f8c2 rgb(64,248,194)
```

Tetradic Color

#e30849
```
#e30849 rgb(227,8,73)
```
#f60f53
```
#f60f53 rgb(246,15,83)
```
#f72764
```
#f72764 rgb(247,39,100)
```
#f84076
```
#f84076 rgb(248,64,118)
```
#f95988
```
#f95988 rgb(249,89,136)
```
#fa7199
```
#fa7199 rgb(250,113,153)
```
#fb8aab
```
#fb8aab rgb(251,138,171)
```

Monochromatic Color

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

#f840a4
```
#f840a4 rgb(248,64,164)
```
#f84095
```
#f84095 rgb(248,64,149)
```
#f84085
```
#f84085 rgb(248,64,133)
```
#f84076
```
#f84076 rgb(248,64,118)
```
#f84067
```
#f84067 rgb(248,64,103)
```
#f84057
```
#f84057 rgb(248,64,87)
```
#f84048
```
#f84048 rgb(248,64,72)
```

Similar Colors

Text with hexadecimal color #f84076

This text has a font color of #f84076.

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

#f84076 background color

This paragraph has a background color of #f84076.

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

#f84076 border color

This element has a border color of #f84076.

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

CSS codes

.text {color:#f84076;}

.background {background-color:#f84076;}

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

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

#110105
```
#110105 rgb(17,1,5)
```
#24010c
```
#24010c rgb(36,1,12)
```
#370212
```
#370212 rgb(55,2,18)
```
#4a0318
```
#4a0318 rgb(74,3,24)
```
#5d031e
```
#5d031e rgb(93,3,30)
```
#700424
```
#700424 rgb(112,4,36)
```
#83052a
```
#83052a rgb(131,5,42)
```
#960530
```
#960530 rgb(150,5,48)
```
#a90636
```
#a90636 rgb(169,6,54)
```
#bb073c
```
#bb073c rgb(187,7,60)
```
#ce0842
```
#ce0842 rgb(206,8,66)
```
#e10848
```
#e10848 rgb(225,8,72)
```
#f4094e
```
#f4094e rgb(244,9,78)
```

Shade Color Variation

#f71a5b
```
#f71a5b rgb(247,26,91)
```
#f72d68
```
#f72d68 rgb(247,45,104)
```
#f84076
```
#f84076 rgb(248,64,118)
```
#f95384
```
#f95384 rgb(249,83,132)
```
#f96691
```
#f96691 rgb(249,102,145)
```
#fa799f
```
#fa799f rgb(250,121,159)
```
#fb8cac
```
#fb8cac rgb(251,140,172)
```
#fb9fba
```
#fb9fba rgb(251,159,186)
```
#fcb2c7
```
#fcb2c7 rgb(252,178,199)
```
#fdc4d5
```
#fdc4d5 rgb(253,196,213)
```
#fed7e3
```
#fed7e3 rgb(254,215,227)
```
#feeaf0
```
#feeaf0 rgb(254,234,240)
```
#fffdfe
```
#fffdfe rgb(255,253,254)
```

Tint Color Variation

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

#9d9b9c
```
#9d9b9c rgb(157,155,156)
```
#a49499
```
#a49499 rgb(164,148,153)
```
#ac8c95
```
#ac8c95 rgb(172,140,149)
```
#b38592
```
#b38592 rgb(179,133,146)
```
#bb7d8f
```
#bb7d8f rgb(187,125,143)
```
#c3758c
```
#c3758c rgb(195,117,140)
```
#ca6e89
```
#ca6e89 rgb(202,110,137)
```
#d26686
```
#d26686 rgb(210,102,134)
```
#da5e83
```
#da5e83 rgb(218,94,131)
```
#e1577f
```
#e1577f rgb(225,87,127)
```
#e94f7c
```
#e94f7c rgb(233,79,124)
```
#f04879
```
#f04879 rgb(240,72,121)
```
#f84076
```
#f84076 rgb(248,64,118)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#96717c Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d8e9b Protanopia 1% of men
#a68971 Deuteranopia 1% of men
#f65256 Tritanopia 0.001% of the population

Trichromacy

#b4718e Protanomaly 1% of men, 0.01% of women
#c46e72 Deuteranomaly 6% of men, 0.4% of women
#f64c62 Tritanomaly 0.01% of the population

#f84076 hex color

#f84076 Color Information

#f84076 Color Conversion

Color Schemes with #f84076

Alternatives to #f84076

#f84076 Preview

Shades and Tints of #f84076

Tones of #f84076

Color Blindness Simulator