#f30296 hex color

In a RGB color space, hex #f30296 is composed of 95.3% red, 0.8% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 99.2% magenta, 38.3% yellow and 4.7% black. It has a hue angle of 323.2 degrees, a saturation of 98.4% and a lightness of 48%. #f30296 color hex could be obtained by blending #ff04ff with #e7002d. Closest websafe color is: #ff0099.

♥
- f
- t
- g
- R 95
- G 1
- B 59
RGB color chart
- C 0
- M 99
- Y 38
- K 5
CMYK color chart

● #f30296 color description : Vivid pink.

The hexadecimal color #f30296 has RGB values of R:243, G:2, B:150 and CMYK values of C:0, M:0.99, Y:0.38, K:0.05. Its decimal value is 15925910.

Hex triplet	f30296	`#f30296`
RGB Decimal	243, 2, 150	`rgb(243,2,150)`
RGB Percent	95.3, 0.8, 58.8	`rgb(95.3%,0.8%,58.8%)`
CMYK	0, 99, 38, 5
HSL	323.2°, 98.4, 48	`hsl(323.2,98.4%,48%)`
HSV (or HSB)	323.2°, 99.2, 95.3
Web Safe	ff0099	`#ff0099`

CIE-LAB	53.281, 83.687, -11.735
XYZ	42.49, 21.305, 30.727
xyY	0.45, 0.225, 21.305
CIE-LCH	53.281, 84.505, 352.018
CIE-LUV	53.281, 122.13, -32.016
Hunter-Lab	46.157, 83.544, -7.16
Binary	11110011, 00000010, 10010110

#f30296
```
#f30296 rgb(243,2,150)
```
#02f35f
```
#02f35f rgb(2,243,95)
```

Complementary Color

#d802f3
```
#d802f3 rgb(216,2,243)
```
#f30296
```
#f30296 rgb(243,2,150)
```
#f3021d
```
#f3021d rgb(243,2,29)
```

Analogous Color

#02f3d8
```
#02f3d8 rgb(2,243,216)
```
#f30296
```
#f30296 rgb(243,2,150)
```
#1df302
```
#1df302 rgb(29,243,2)
```

Split Complementary Color

#0296f3
```
#0296f3 rgb(2,150,243)
```
#f30296
```
#f30296 rgb(243,2,150)
```
#96f302
```
#96f302 rgb(150,243,2)
```

Triadic Color

#5f02f3
```
#5f02f3 rgb(95,2,243)
```
#f30296
```
#f30296 rgb(243,2,150)
```
#96f302
```
#96f302 rgb(150,243,2)
```
#02f35f
```
#02f35f rgb(2,243,95)
```

Tetradic Color

#a70167
```
#a70167 rgb(167,1,103)
```
#c00277
```
#c00277 rgb(192,2,119)
```
#da0286
```
#da0286 rgb(218,2,134)
```
#f30296
```
#f30296 rgb(243,2,150)
```
#fd11a2
```
#fd11a2 rgb(253,17,162)
```
#fd2bac
```
#fd2bac rgb(253,43,172)
```
#fd44b6
```
#fd44b6 rgb(253,68,182)
```

Monochromatic Color

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

#f302d2
```
#f302d2 rgb(243,2,210)
```
#f302be
```
#f302be rgb(243,2,190)
```
#f302aa
```
#f302aa rgb(243,2,170)
```
#f30296
```
#f30296 rgb(243,2,150)
```
#f30282
```
#f30282 rgb(243,2,130)
```
#f3026e
```
#f3026e rgb(243,2,110)
```
#f3025a
```
#f3025a rgb(243,2,90)
```

Similar Colors

Text with hexadecimal color #f30296

This text has a font color of #f30296.

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

#f30296 background color

This paragraph has a background color of #f30296.

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

#f30296 border color

This element has a border color of #f30296.

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

CSS codes

.text {color:#f30296;}

.background {background-color:#f30296;}

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

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

#0a0006
```
#0a0006 rgb(10,0,6)
```
#1d0012
```
#1d0012 rgb(29,0,18)
```
#30001e
```
#30001e rgb(48,0,30)
```
#44012a
```
#44012a rgb(68,1,42)
```
#570136
```
#570136 rgb(87,1,54)
```
#6b0142
```
#6b0142 rgb(107,1,66)
```
#7e014e
```
#7e014e rgb(126,1,78)
```
#92015a
```
#92015a rgb(146,1,90)
```
#a50166
```
#a50166 rgb(165,1,102)
```
#b90272
```
#b90272 rgb(185,2,114)
```
#cc027e
```
#cc027e rgb(204,2,126)
```
#e0028a
```
#e0028a rgb(224,2,138)
```
#f30296
```
#f30296 rgb(243,2,150)
```

Shade Color Variation

#fd0ca0
```
#fd0ca0 rgb(253,12,160)
```
#fd1fa7
```
#fd1fa7 rgb(253,31,167)
```
#fd33af
```
#fd33af rgb(253,51,175)
```
#fd46b7
```
#fd46b7 rgb(253,70,183)
```
#fe59be
```
#fe59be rgb(254,89,190)
```
#fe6dc6
```
#fe6dc6 rgb(254,109,198)
```
#fe80cd
```
#fe80cd rgb(254,128,205)
```
#fe94d5
```
#fe94d5 rgb(254,148,213)
```
#fea7dd
```
#fea7dd rgb(254,167,221)
```
#febbe4
```
#febbe4 rgb(254,187,228)
```
#ffceec
```
#ffceec rgb(255,206,236)
```
#ffe2f4
```
#ffe2f4 rgb(255,226,244)
```
#fff5fb
```
#fff5fb rgb(255,245,251)
```

Tint Color Variation

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

#82737c
```
#82737c rgb(130,115,124)
```
#8b6a7e
```
#8b6a7e rgb(139,106,126)
```
#956080
```
#956080 rgb(149,96,128)
```
#9e5783
```
#9e5783 rgb(158,87,131)
```
#a84d85
```
#a84d85 rgb(168,77,133)
```
#b14487
```
#b14487 rgb(177,68,135)
```
#ba3b89
```
#ba3b89 rgb(186,59,137)
```
#c4318b
```
#c4318b rgb(196,49,139)
```
#cd288d
```
#cd288d rgb(205,40,141)
```
#d71e90
```
#d71e90 rgb(215,30,144)
```
#e01592
```
#e01592 rgb(224,21,146)
```
#ea0b94
```
#ea0b94 rgb(234,11,148)
```
#f30296
```
#f30296 rgb(243,2,150)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#794967 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6583cf Protanopia 1% of men
#8f828b Deuteranopia 1% of men
#ee4345 Tritanopia 0.001% of the population

Trichromacy

#9854ba Protanomaly 1% of men, 0.01% of women
#b3538f Deuteranomaly 6% of men, 0.4% of women
#f02b62 Tritanomaly 0.01% of the population

#f30296 hex color

#f30296 Color Information

#f30296 Color Conversion

Color Schemes with #f30296

Alternatives to #f30296

#f30296 Preview

Shades and Tints of #f30296

Tones of #f30296

Color Blindness Simulator