#f30093 hex color

In a RGB color space, hex #f30093 is composed of 95.3% red, 0% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 100% magenta, 39.5% yellow and 4.7% black. It has a hue angle of 323.7 degrees, a saturation of 100% and a lightness of 47.6%. #f30093 color hex could be obtained by blending #ff00ff with #e70027. Closest websafe color is: #ff0099.

♥
- f
- t
- g
- R 95
- G 0
- B 58
RGB color chart
- C 0
- M 100
- Y 40
- K 5
CMYK color chart

● #f30093 color description : Pure (or mostly pure) pink.

The hexadecimal color #f30093 has RGB values of R:243, G:0, B:147 and CMYK values of C:0, M:1, Y:0.4, K:0.05. Its decimal value is 15925395.

Hex triplet	f30093	`#f30093`
RGB Decimal	243, 0, 147	`rgb(243,0,147)`
RGB Percent	95.3, 0, 57.6	`rgb(95.3%,0%,57.6%)`
CMYK	0, 100, 40, 5
HSL	323.7°, 100, 47.6	`hsl(323.7,100%,47.6%)`
HSV (or HSB)	323.7°, 100, 95.3
Web Safe	ff0099	`#ff0099`

CIE-LAB	53.131, 83.555, -10.171
XYZ	42.23, 21.166, 29.464
xyY	0.455, 0.228, 21.166
CIE-LCH	53.131, 84.171, 353.059
CIE-LUV	53.131, 123.717, -29.861
Hunter-Lab	46.006, 83.336, -5.767
Binary	11110011, 00000000, 10010011

#f30093
```
#f30093 rgb(243,0,147)
```
#00f360
```
#00f360 rgb(0,243,96)
```

Complementary Color

#da00f3
```
#da00f3 rgb(218,0,243)
```
#f30093
```
#f30093 rgb(243,0,147)
```
#f30019
```
#f30019 rgb(243,0,25)
```

Analogous Color

#00f3da
```
#00f3da rgb(0,243,218)
```
#f30093
```
#f30093 rgb(243,0,147)
```
#19f300
```
#19f300 rgb(25,243,0)
```

Split Complementary Color

#0093f3
```
#0093f3 rgb(0,147,243)
```
#f30093
```
#f30093 rgb(243,0,147)
```
#93f300
```
#93f300 rgb(147,243,0)
```

Triadic Color

#6000f3
```
#6000f3 rgb(96,0,243)
```
#f30093
```
#f30093 rgb(243,0,147)
```
#93f300
```
#93f300 rgb(147,243,0)
```
#00f360
```
#00f360 rgb(0,243,96)
```

Tetradic Color

#a70065
```
#a70065 rgb(167,0,101)
```
#c00074
```
#c00074 rgb(192,0,116)
```
#da0084
```
#da0084 rgb(218,0,132)
```
#f30093
```
#f30093 rgb(243,0,147)
```
#ff0ea0
```
#ff0ea0 rgb(255,14,160)
```
#ff27aa
```
#ff27aa rgb(255,39,170)
```
#ff41b4
```
#ff41b4 rgb(255,65,180)
```

Monochromatic Color

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

#f300d0
```
#f300d0 rgb(243,0,208)
```
#f300bc
```
#f300bc rgb(243,0,188)
```
#f300a7
```
#f300a7 rgb(243,0,167)
```
#f30093
```
#f30093 rgb(243,0,147)
```
#f3007f
```
#f3007f rgb(243,0,127)
```
#f3006b
```
#f3006b rgb(243,0,107)
```
#f30056
```
#f30056 rgb(243,0,86)
```

Similar Colors

Text with hexadecimal color #f30093

This text has a font color of #f30093.

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

#f30093 background color

This paragraph has a background color of #f30093.

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

#f30093 border color

This element has a border color of #f30093.

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

CSS codes

.text {color:#f30093;}

.background {background-color:#f30093;}

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

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

#080005
```
#080005 rgb(8,0,5)
```
#1b0010
```
#1b0010 rgb(27,0,16)
```
#2f001c
```
#2f001c rgb(47,0,28)
```
#420028
```
#420028 rgb(66,0,40)
```
#560034
```
#560034 rgb(86,0,52)
```
#6a0040
```
#6a0040 rgb(106,0,64)
```
#7d004c
```
#7d004c rgb(125,0,76)
```
#910058
```
#910058 rgb(145,0,88)
```
#a50064
```
#a50064 rgb(165,0,100)
```
#b8006f
```
#b8006f rgb(184,0,111)
```
#cc007b
```
#cc007b rgb(204,0,123)
```
#df0087
```
#df0087 rgb(223,0,135)
```
#f30093
```
#f30093 rgb(243,0,147)
```

Shade Color Variation

#ff089d
```
#ff089d rgb(255,8,157)
```
#ff1ba5
```
#ff1ba5 rgb(255,27,165)
```
#ff2fad
```
#ff2fad rgb(255,47,173)
```
#ff42b5
```
#ff42b5 rgb(255,66,181)
```
#ff56bc
```
#ff56bc rgb(255,86,188)
```
#ff6ac4
```
#ff6ac4 rgb(255,106,196)
```
#ff7dcc
```
#ff7dcc rgb(255,125,204)
```
#ff91d4
```
#ff91d4 rgb(255,145,212)
```
#ffa5db
```
#ffa5db rgb(255,165,219)
```
#ffb8e3
```
#ffb8e3 rgb(255,184,227)
```
#ffcceb
```
#ffcceb rgb(255,204,235)
```
#ffdff3
```
#ffdff3 rgb(255,223,243)
```
#fff3fa
```
#fff3fa rgb(255,243,250)
```

Tint Color Variation

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

#83707b
```
#83707b rgb(131,112,123)
```
#8c677d
```
#8c677d rgb(140,103,125)
```
#965d7f
```
#965d7f rgb(150,93,127)
```
#9f5481
```
#9f5481 rgb(159,84,129)
```
#a84b83
```
#a84b83 rgb(168,75,131)
```
#b24185
```
#b24185 rgb(178,65,133)
```
#bb3887
```
#bb3887 rgb(187,56,135)
```
#c42f89
```
#c42f89 rgb(196,47,137)
```
#ce258b
```
#ce258b rgb(206,37,139)
```
#d71c8d
```
#d71c8d rgb(215,28,141)
```
#e0138f
```
#e0138f rgb(224,19,143)
```
#ea0991
```
#ea0991 rgb(234,9,145)
```
#f30093
```
#f30093 rgb(243,0,147)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#784765 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6783cc Protanopia 1% of men
#908189 Deuteranopia 1% of men
#ee4143 Tritanopia 0.001% of the population

Trichromacy

#9a53b7 Protanomaly 1% of men, 0.01% of women
#b4528c Deuteranomaly 6% of men, 0.4% of women
#f02960 Tritanomaly 0.01% of the population

#f30093 hex color

#f30093 Color Information

#f30093 Color Conversion

Color Schemes with #f30093

Alternatives to #f30093

#f30093 Preview

Shades and Tints of #f30093

Tones of #f30093

Color Blindness Simulator