#f30a6a hex color

In a RGB color space, hex #f30a6a is composed of 95.3% red, 3.9% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 95.9% magenta, 56.4% yellow and 4.7% black. It has a hue angle of 335.3 degrees, a saturation of 92.1% and a lightness of 49.6%. #f30a6a color hex could be obtained by blending #ff14d4 with #e70000. Closest websafe color is: #ff0066.

♥
- f
- t
- g
- R 95
- G 4
- B 42
RGB color chart
- C 0
- M 96
- Y 56
- K 5
CMYK color chart

● #f30a6a color description : Vivid pink.

The hexadecimal color #f30a6a has RGB values of R:243, G:10, B:106 and CMYK values of C:0, M:0.96, Y:0.56, K:0.05. Its decimal value is 15927914.

Hex triplet	f30a6a	`#f30a6a`
RGB Decimal	243, 10, 106	`rgb(243,10,106)`
RGB Percent	95.3, 3.9, 41.6	`rgb(95.3%,3.9%,41.6%)`
CMYK	0, 96, 56, 5
HSL	335.3°, 92.1, 49.6	`hsl(335.3,92.1%,49.6%)`
HSV (or HSB)	335.3°, 95.9, 95.3
Web Safe	ff0066	`#ff0066`

CIE-LAB	52.194, 79.734, 13.22
XYZ	39.674, 20.317, 15.467
xyY	0.526, 0.269, 20.317
CIE-LCH	52.194, 80.822, 9.414
CIE-LUV	52.194, 141.27, -0.325
Hunter-Lab	45.075, 78.232, 11.207
Binary	11110011, 00001010, 01101010

#f30a6a
```
#f30a6a rgb(243,10,106)
```
#0af393
```
#0af393 rgb(10,243,147)
```

Complementary Color

#f30adf
```
#f30adf rgb(243,10,223)
```
#f30a6a
```
#f30a6a rgb(243,10,106)
```
#f31e0a
```
#f31e0a rgb(243,30,10)
```

Analogous Color

#0adff3
```
#0adff3 rgb(10,223,243)
```
#f30a6a
```
#f30a6a rgb(243,10,106)
```
#0af31e
```
#0af31e rgb(10,243,30)
```

Split Complementary Color

#0a6af3
```
#0a6af3 rgb(10,106,243)
```
#f30a6a
```
#f30a6a rgb(243,10,106)
```
#6af30a
```
#6af30a rgb(106,243,10)
```

Triadic Color

#930af3
```
#930af3 rgb(147,10,243)
```
#f30a6a
```
#f30a6a rgb(243,10,106)
```
#6af30a
```
#6af30a rgb(106,243,10)
```
#0af393
```
#0af393 rgb(10,243,147)
```

Tetradic Color

#aa074a
```
#aa074a rgb(170,7,74)
```
#c20855
```
#c20855 rgb(194,8,85)
```
#db095f
```
#db095f rgb(219,9,95)
```
#f30a6a
```
#f30a6a rgb(243,10,106)
```
#f62178
```
#f62178 rgb(246,33,120)
```
#f73987
```
#f73987 rgb(247,57,135)
```
#f85296
```
#f85296 rgb(248,82,150)
```

Monochromatic Color

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

#f30aa4
```
#f30aa4 rgb(243,10,164)
```
#f30a91
```
#f30a91 rgb(243,10,145)
```
#f30a7d
```
#f30a7d rgb(243,10,125)
```
#f30a6a
```
#f30a6a rgb(243,10,106)
```
#f30a57
```
#f30a57 rgb(243,10,87)
```
#f30a43
```
#f30a43 rgb(243,10,67)
```
#f30a30
```
#f30a30 rgb(243,10,48)
```

Similar Colors

Text with hexadecimal color #f30a6a

This text has a font color of #f30a6a.

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

#f30a6a background color

This paragraph has a background color of #f30a6a.

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

#f30a6a border color

This element has a border color of #f30a6a.

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

CSS codes

.text {color:#f30a6a;}

.background {background-color:#f30a6a;}

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

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

#110107
```
#110107 rgb(17,1,7)
```
#240110
```
#240110 rgb(36,1,16)
```
#370218
```
#370218 rgb(55,2,24)
```
#490320
```
#490320 rgb(73,3,32)
```
#5c0428
```
#5c0428 rgb(92,4,40)
```
#6f0530
```
#6f0530 rgb(111,5,48)
```
#820539
```
#820539 rgb(130,5,57)
```
#950641
```
#950641 rgb(149,6,65)
```
#a80749
```
#a80749 rgb(168,7,73)
```
#ba0851
```
#ba0851 rgb(186,8,81)
```
#cd085a
```
#cd085a rgb(205,8,90)
```
#e00962
```
#e00962 rgb(224,9,98)
```
#f30a6a
```
#f30a6a rgb(243,10,106)
```

Shade Color Variation

#f61b75
```
#f61b75 rgb(246,27,117)
```
#f62e80
```
#f62e80 rgb(246,46,128)
```
#f7418c
```
#f7418c rgb(247,65,140)
```
#f85497
```
#f85497 rgb(248,84,151)
```
#f966a3
```
#f966a3 rgb(249,102,163)
```
#f979ae
```
#f979ae rgb(249,121,174)
```
#fa8cb9
```
#fa8cb9 rgb(250,140,185)
```
#fb9fc5
```
#fb9fc5 rgb(251,159,197)
```
#fcb2d0
```
#fcb2d0 rgb(252,178,208)
```
#fdc5dc
```
#fdc5dc rgb(253,197,220)
```
#fdd7e7
```
#fdd7e7 rgb(253,215,231)
```
#feeaf2
```
#feeaf2 rgb(254,234,242)
```
#fffdfe
```
#fffdfe rgb(255,253,254)
```

Tint Color Variation

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

#88757d
```
#88757d rgb(136,117,125)
```
#926b7b
```
#926b7b rgb(146,107,123)
```
#9b6279
```
#9b6279 rgb(155,98,121)
```
#a55878
```
#a55878 rgb(165,88,120)
```
#af4e76
```
#af4e76 rgb(175,78,118)
```
#b94474
```
#b94474 rgb(185,68,116)
```
#c23b73
```
#c23b73 rgb(194,59,115)
```
#cc3171
```
#cc3171 rgb(204,49,113)
```
#d6276f
```
#d6276f rgb(214,39,111)
```
#e01d6d
```
#e01d6d rgb(224,29,109)
```
#e9146c
```
#e9146c rgb(233,20,108)
```
#f30a6a
```
#f30a6a rgb(243,10,106)
```
#fd0068
```
#fd0068 rgb(253,0,104)
```

Tone Color Variation

Below, you can see how #f30a6a 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
#794b5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e8298 Protanopia 1% of men
#997e64 Deuteranopia 1% of men
#f13333 Tritanopia 0.001% of the population

Trichromacy

#a85687 Protanomaly 1% of men, 0.01% of women
#ba5366 Deuteranomaly 6% of men, 0.4% of women
#f12447 Tritanomaly 0.01% of the population

#f30a6a hex color

#f30a6a Color Information

#f30a6a Color Conversion

Color Schemes with #f30a6a

Alternatives to #f30a6a

#f30a6a Preview

Shades and Tints of #f30a6a

Tones of #f30a6a

Color Blindness Simulator