#f30973 hex color

In a RGB color space, hex #f30973 is composed of 95.3% red, 3.5% green and 45.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 96.3% magenta, 52.7% yellow and 4.7% black. It has a hue angle of 332.8 degrees, a saturation of 92.9% and a lightness of 49.4%. #f30973 color hex could be obtained by blending #ff12e6 with #e70000. Closest websafe color is: #ff0066.

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

● #f30973 color description : Vivid pink.

The hexadecimal color #f30973 has RGB values of R:243, G:9, B:115 and CMYK values of C:0, M:0.96, Y:0.53, K:0.05. Its decimal value is 15927667.

Hex triplet	f30973	`#f30973`
RGB Decimal	243, 9, 115	`rgb(243,9,115)`
RGB Percent	95.3, 3.5, 45.1	`rgb(95.3%,3.5%,45.1%)`
CMYK	0, 96, 53, 5
HSL	332.8°, 92.9, 49.4	`hsl(332.8,92.9%,49.4%)`
HSV (or HSB)	332.8°, 96.3, 95.3
Web Safe	ff0066	`#ff0066`

CIE-LAB	52.39, 80.397, 8.026
XYZ	40.156, 20.493, 18.06
xyY	0.51, 0.26, 20.493
CIE-LCH	52.39, 80.797, 5.701
CIE-LUV	52.39, 137.572, -6.287
Hunter-Lab	45.269, 79.119, 8.035
Binary	11110011, 00001001, 01110011

#f30973
```
#f30973 rgb(243,9,115)
```
#09f389
```
#09f389 rgb(9,243,137)
```

Complementary Color

#f309e8
```
#f309e8 rgb(243,9,232)
```
#f30973
```
#f30973 rgb(243,9,115)
```
#f31409
```
#f31409 rgb(243,20,9)
```

Analogous Color

#09e8f3
```
#09e8f3 rgb(9,232,243)
```
#f30973
```
#f30973 rgb(243,9,115)
```
#09f314
```
#09f314 rgb(9,243,20)
```

Split Complementary Color

#0973f3
```
#0973f3 rgb(9,115,243)
```
#f30973
```
#f30973 rgb(243,9,115)
```
#73f309
```
#73f309 rgb(115,243,9)
```

Triadic Color

#8909f3
```
#8909f3 rgb(137,9,243)
```
#f30973
```
#f30973 rgb(243,9,115)
```
#73f309
```
#73f309 rgb(115,243,9)
```
#09f389
```
#09f389 rgb(9,243,137)
```

Tetradic Color

#a90650
```
#a90650 rgb(169,6,80)
```
#c2075c
```
#c2075c rgb(194,7,92)
```
#da0867
```
#da0867 rgb(218,8,103)
```
#f30973
```
#f30973 rgb(243,9,115)
```
#f71f81
```
#f71f81 rgb(247,31,129)
```
#f8378e
```
#f8378e rgb(248,55,142)
```
#f9509c
```
#f9509c rgb(249,80,156)
```

Monochromatic Color

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

#f309ae
```
#f309ae rgb(243,9,174)
```
#f3099a
```
#f3099a rgb(243,9,154)
```
#f30987
```
#f30987 rgb(243,9,135)
```
#f30973
```
#f30973 rgb(243,9,115)
```
#f3095f
```
#f3095f rgb(243,9,95)
```
#f3094c
```
#f3094c rgb(243,9,76)
```
#f30939
```
#f30939 rgb(243,9,57)
```

Similar Colors

Text with hexadecimal color #f30973

This text has a font color of #f30973.

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

#f30973 background color

This paragraph has a background color of #f30973.

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

#f30973 border color

This element has a border color of #f30973.

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

CSS codes

.text {color:#f30973;}

.background {background-color:#f30973;}

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

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

#100108
```
#100108 rgb(16,1,8)
```
#230111
```
#230111 rgb(35,1,17)
```
#360219
```
#360219 rgb(54,2,25)
```
#490322
```
#490322 rgb(73,3,34)
```
#5c032b
```
#5c032b rgb(92,3,43)
```
#6f0434
```
#6f0434 rgb(111,4,52)
```
#82053d
```
#82053d rgb(130,5,61)
```
#940546
```
#940546 rgb(148,5,70)
```
#a7064f
```
#a7064f rgb(167,6,79)
```
#ba0758
```
#ba0758 rgb(186,7,88)
```
#cd0861
```
#cd0861 rgb(205,8,97)
```
#e0086a
```
#e0086a rgb(224,8,106)
```
#f30973
```
#f30973 rgb(243,9,115)
```

Shade Color Variation

#f6197d
```
#f6197d rgb(246,25,125)
```
#f72c88
```
#f72c88 rgb(247,44,136)
```
#f83f93
```
#f83f93 rgb(248,63,147)
```
#f9529d
```
#f9529d rgb(249,82,157)
```
#f965a8
```
#f965a8 rgb(249,101,168)
```
#fa78b3
```
#fa78b3 rgb(250,120,179)
```
#fb8bbd
```
#fb8bbd rgb(251,139,189)
```
#fb9ec8
```
#fb9ec8 rgb(251,158,200)
```
#fcb0d3
```
#fcb0d3 rgb(252,176,211)
```
#fdc3dd
```
#fdc3dd rgb(253,195,221)
```
#fdd6e8
```
#fdd6e8 rgb(253,214,232)
```
#fee9f3
```
#fee9f3 rgb(254,233,243)
```
#fffcfd
```
#fffcfd rgb(255,252,253)
```

Tint Color Variation

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

#7f7d7e
```
#7f7d7e rgb(127,125,126)
```
#88747d
```
#88747d rgb(136,116,125)
```
#926a7c
```
#926a7c rgb(146,106,124)
```
#9c607b
```
#9c607b rgb(156,96,123)
```
#a5577a
```
#a5577a rgb(165,87,122)
```
#af4d79
```
#af4d79 rgb(175,77,121)
```
#b94378
```
#b94378 rgb(185,67,120)
```
#c33978
```
#c33978 rgb(195,57,120)
```
#cc3077
```
#cc3077 rgb(204,48,119)
```
#d62676
```
#d62676 rgb(214,38,118)
```
#e01c75
```
#e01c75 rgb(224,28,117)
```
#e91374
```
#e91374 rgb(233,19,116)
```
#f30973
```
#f30973 rgb(243,9,115)
```

Tone Color Variation

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

Dichromacy

#7a82a3 Protanopia 1% of men
#987e6c Deuteranopia 1% of men
#f03637 Tritanopia 0.001% of the population

Trichromacy

#a65692 Protanomaly 1% of men, 0.01% of women
#b9546e Deuteranomaly 6% of men, 0.4% of women
#f1264c Tritanomaly 0.01% of the population

#f30973 hex color

#f30973 Color Information

#f30973 Color Conversion

Color Schemes with #f30973

Alternatives to #f30973

#f30973 Preview

Shades and Tints of #f30973

Tones of #f30973

Color Blindness Simulator