#f30596 hex color

In a RGB color space, hex #f30596 is composed of 95.3% red, 2% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 97.9% magenta, 38.3% yellow and 4.7% black. It has a hue angle of 323.4 degrees, a saturation of 96% and a lightness of 48.6%. #f30596 color hex could be obtained by blending #ff0aff with #e7002d. Closest websafe color is: #ff0099.

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

● #f30596 color description : Vivid pink.

The hexadecimal color #f30596 has RGB values of R:243, G:5, B:150 and CMYK values of C:0, M:0.98, Y:0.38, K:0.05. Its decimal value is 15926678.

Hex triplet	f30596	`#f30596`
RGB Decimal	243, 5, 150	`rgb(243,5,150)`
RGB Percent	95.3, 2, 58.8	`rgb(95.3%,2%,58.8%)`
CMYK	0, 98, 38, 5
HSL	323.4°, 96, 48.6	`hsl(323.4,96%,48.6%)`
HSV (or HSB)	323.4°, 97.9, 95.3
Web Safe	ff0099	`#ff0099`

CIE-LAB	53.352, 83.48, -11.628
XYZ	42.522, 21.37, 30.738
xyY	0.449, 0.226, 21.37
CIE-LCH	53.352, 84.286, 352.07
CIE-LUV	53.352, 121.896, -31.835
Hunter-Lab	46.227, 83.296, -7.065
Binary	11110011, 00000101, 10010110

#f30596
```
#f30596 rgb(243,5,150)
```
#05f362
```
#05f362 rgb(5,243,98)
```

Complementary Color

#d905f3
```
#d905f3 rgb(217,5,243)
```
#f30596
```
#f30596 rgb(243,5,150)
```
#f3051f
```
#f3051f rgb(243,5,31)
```

Analogous Color

#05f3d9
```
#05f3d9 rgb(5,243,217)
```
#f30596
```
#f30596 rgb(243,5,150)
```
#1ff305
```
#1ff305 rgb(31,243,5)
```

Split Complementary Color

#0596f3
```
#0596f3 rgb(5,150,243)
```
#f30596
```
#f30596 rgb(243,5,150)
```
#96f305
```
#96f305 rgb(150,243,5)
```

Triadic Color

#6205f3
```
#6205f3 rgb(98,5,243)
```
#f30596
```
#f30596 rgb(243,5,150)
```
#96f305
```
#96f305 rgb(150,243,5)
```
#05f362
```
#05f362 rgb(5,243,98)
```

Tetradic Color

#a80368
```
#a80368 rgb(168,3,104)
```
#c10477
```
#c10477 rgb(193,4,119)
```
#da0487
```
#da0487 rgb(218,4,135)
```
#f30596
```
#f30596 rgb(243,5,150)
```
#fa17a2
```
#fa17a2 rgb(250,23,162)
```
#fb30ac
```
#fb30ac rgb(251,48,172)
```
#fb49b6
```
#fb49b6 rgb(251,73,182)
```

Monochromatic Color

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

#f305d2
```
#f305d2 rgb(243,5,210)
```
#f305be
```
#f305be rgb(243,5,190)
```
#f305aa
```
#f305aa rgb(243,5,170)
```
#f30596
```
#f30596 rgb(243,5,150)
```
#f30582
```
#f30582 rgb(243,5,130)
```
#f3056e
```
#f3056e rgb(243,5,110)
```
#f3055a
```
#f3055a rgb(243,5,90)
```

Similar Colors

Text with hexadecimal color #f30596

This text has a font color of #f30596.

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

#f30596 background color

This paragraph has a background color of #f30596.

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

#f30596 border color

This element has a border color of #f30596.

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

CSS codes

.text {color:#f30596;}

.background {background-color:#f30596;}

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

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

#0c0008
```
#0c0008 rgb(12,0,8)
```
#200113
```
#200113 rgb(32,1,19)
```
#33011f
```
#33011f rgb(51,1,31)
```
#46012b
```
#46012b rgb(70,1,43)
```
#590237
```
#590237 rgb(89,2,55)
```
#6c0243
```
#6c0243 rgb(108,2,67)
```
#80034f
```
#80034f rgb(128,3,79)
```
#93035b
```
#93035b rgb(147,3,91)
```
#a60367
```
#a60367 rgb(166,3,103)
```
#b90472
```
#b90472 rgb(185,4,114)
```
#cd047e
```
#cd047e rgb(205,4,126)
```
#e0058a
```
#e0058a rgb(224,5,138)
```
#f30596
```
#f30596 rgb(243,5,150)
```

Shade Color Variation

#fa129f
```
#fa129f rgb(250,18,159)
```
#fb25a7
```
#fb25a7 rgb(251,37,167)
```
#fb38af
```
#fb38af rgb(251,56,175)
```
#fb4bb6
```
#fb4bb6 rgb(251,75,182)
```
#fc5ebe
```
#fc5ebe rgb(252,94,190)
```
#fc72c6
```
#fc72c6 rgb(252,114,198)
```
#fc85ce
```
#fc85ce rgb(252,133,206)
```
#fd98d5
```
#fd98d5 rgb(253,152,213)
```
#fdabdd
```
#fdabdd rgb(253,171,221)
```
#febee5
```
#febee5 rgb(254,190,229)
```
#fed2ed
```
#fed2ed rgb(254,210,237)
```
#fee5f4
```
#fee5f4 rgb(254,229,244)
```
#fff8fc
```
#fff8fc rgb(255,248,252)
```

Tint Color Variation

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

#81777d
```
#81777d rgb(129,119,125)
```
#8a6e7f
```
#8a6e7f rgb(138,110,127)
```
#946481
```
#946481 rgb(148,100,129)
```
#9d5b83
```
#9d5b83 rgb(157,91,131)
```
#a75185
```
#a75185 rgb(167,81,133)
```
#b04887
```
#b04887 rgb(176,72,135)
```
#ba3e89
```
#ba3e89 rgb(186,62,137)
```
#c3358c
```
#c3358c rgb(195,53,140)
```
#cd2b8e
```
#cd2b8e rgb(205,43,142)
```
#d62290
```
#d62290 rgb(214,34,144)
```
#e01892
```
#e01892 rgb(224,24,146)
```
#e90f94
```
#e90f94 rgb(233,15,148)
```
#f30596
```
#f30596 rgb(243,5,150)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#7b4b68 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#9955ba Protanomaly 1% of men, 0.01% of women
#b3548f Deuteranomaly 6% of men, 0.4% of women
#f02c62 Tritanomaly 0.01% of the population

#f30596 hex color

#f30596 Color Information

#f30596 Color Conversion

Color Schemes with #f30596

Alternatives to #f30596

#f30596 Preview

Shades and Tints of #f30596

Tones of #f30596

Color Blindness Simulator