#f30059 hex color

In a RGB color space, hex #f30059 is composed of 95.3% red, 0% green and 34.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 100% magenta, 63.4% yellow and 4.7% black. It has a hue angle of 338 degrees, a saturation of 100% and a lightness of 47.6%. #f30059 color hex could be obtained by blending #ff00b2 with #e70000. Closest websafe color is: #ff0066.

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

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

The hexadecimal color #f30059 has RGB values of R:243, G:0, B:89 and CMYK values of C:0, M:1, Y:0.63, K:0.05. Its decimal value is 15925337.

Hex triplet	f30059	`#f30059`
RGB Decimal	243, 0, 89	`rgb(243,0,89)`
RGB Percent	95.3, 0, 34.9	`rgb(95.3%,0%,34.9%)`
CMYK	0, 100, 63, 5
HSL	338°, 100, 47.6	`hsl(338,100%,47.6%)`
HSV (or HSB)	338°, 100, 95.3
Web Safe	ff0066	`#ff0066`

CIE-LAB	51.589, 79.475, 22.746
XYZ	38.767, 19.781, 11.228
xyY	0.556, 0.283, 19.781
CIE-LCH	51.589, 82.666, 15.971
CIE-LUV	51.589, 149.029, 9.329
Hunter-Lab	44.476, 77.757, 16.166
Binary	11110011, 00000000, 01011001

#f30059
```
#f30059 rgb(243,0,89)
```
#00f39a
```
#00f39a rgb(0,243,154)
```

Complementary Color

#f300d3
```
#f300d3 rgb(243,0,211)
```
#f30059
```
#f30059 rgb(243,0,89)
```
#f32100
```
#f32100 rgb(243,33,0)
```

Analogous Color

#00d3f3
```
#00d3f3 rgb(0,211,243)
```
#f30059
```
#f30059 rgb(243,0,89)
```
#00f321
```
#00f321 rgb(0,243,33)
```

Split Complementary Color

#0059f3
```
#0059f3 rgb(0,89,243)
```
#f30059
```
#f30059 rgb(243,0,89)
```
#59f300
```
#59f300 rgb(89,243,0)
```

Triadic Color

#9a00f3
```
#9a00f3 rgb(154,0,243)
```
#f30059
```
#f30059 rgb(243,0,89)
```
#59f300
```
#59f300 rgb(89,243,0)
```
#00f39a
```
#00f39a rgb(0,243,154)
```

Tetradic Color

#a7003d
```
#a7003d rgb(167,0,61)
```
#c00046
```
#c00046 rgb(192,0,70)
```
#da0050
```
#da0050 rgb(218,0,80)
```
#f30059
```
#f30059 rgb(243,0,89)
```
#ff0e66
```
#ff0e66 rgb(255,14,102)
```
#ff2776
```
#ff2776 rgb(255,39,118)
```
#ff4186
```
#ff4186 rgb(255,65,134)
```

Monochromatic Color

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

#f30096
```
#f30096 rgb(243,0,150)
```
#f30082
```
#f30082 rgb(243,0,130)
```
#f3006d
```
#f3006d rgb(243,0,109)
```
#f30059
```
#f30059 rgb(243,0,89)
```
#f30045
```
#f30045 rgb(243,0,69)
```
#f30031
```
#f30031 rgb(243,0,49)
```
#f3001c
```
#f3001c rgb(243,0,28)
```

Similar Colors

Text with hexadecimal color #f30059

This text has a font color of #f30059.

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

#f30059 background color

This paragraph has a background color of #f30059.

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

#f30059 border color

This element has a border color of #f30059.

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

CSS codes

.text {color:#f30059;}

.background {background-color:#f30059;}

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

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

#080003
```
#080003 rgb(8,0,3)
```
#1b000a
```
#1b000a rgb(27,0,10)
```
#2f0011
```
#2f0011 rgb(47,0,17)
```
#420018
```
#420018 rgb(66,0,24)
```
#560020
```
#560020 rgb(86,0,32)
```
#6a0027
```
#6a0027 rgb(106,0,39)
```
#7d002e
```
#7d002e rgb(125,0,46)
```
#910035
```
#910035 rgb(145,0,53)
```
#a5003c
```
#a5003c rgb(165,0,60)
```
#b80043
```
#b80043 rgb(184,0,67)
```
#cc004b
```
#cc004b rgb(204,0,75)
```
#df0052
```
#df0052 rgb(223,0,82)
```
#f30059
```
#f30059 rgb(243,0,89)
```

Shade Color Variation

#ff0862
```
#ff0862 rgb(255,8,98)
```
#ff1b6f
```
#ff1b6f rgb(255,27,111)
```
#ff2f7b
```
#ff2f7b rgb(255,47,123)
```
#ff4288
```
#ff4288 rgb(255,66,136)
```
#ff5694
```
#ff5694 rgb(255,86,148)
```
#ff6aa0
```
#ff6aa0 rgb(255,106,160)
```
#ff7dad
```
#ff7dad rgb(255,125,173)
```
#ff91b9
```
#ff91b9 rgb(255,145,185)
```
#ffa5c6
```
#ffa5c6 rgb(255,165,198)
```
#ffb8d2
```
#ffb8d2 rgb(255,184,210)
```
#ffccdf
```
#ffccdf rgb(255,204,223)
```
#ffdfeb
```
#ffdfeb rgb(255,223,235)
```
#fff3f7
```
#fff3f7 rgb(255,243,247)
```

Tint Color Variation

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

#837077
```
#837077 rgb(131,112,119)
```
#8c6775
```
#8c6775 rgb(140,103,117)
```
#965d72
```
#965d72 rgb(150,93,114)
```
#9f5470
```
#9f5470 rgb(159,84,112)
```
#a84b6d
```
#a84b6d rgb(168,75,109)
```
#b2416b
```
#b2416b rgb(178,65,107)
```
#bb3868
```
#bb3868 rgb(187,56,104)
```
#c42f66
```
#c42f66 rgb(196,47,102)
```
#ce2563
```
#ce2563 rgb(206,37,99)
```
#d71c60
```
#d71c60 rgb(215,28,96)
```
#e0135e
```
#e0135e rgb(224,19,94)
```
#ea095b
```
#ea095b rgb(234,9,91)
```
#f30059
```
#f30059 rgb(243,0,89)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#734254 Atypical Achromatopsia 0.001% of the population

Dichromacy

#838184 Protanopia 1% of men
#9b7c53 Deuteranopia 1% of men
#f12a27 Tritanopia 0.001% of the population

Trichromacy

#ab5274 Protanomaly 1% of men, 0.01% of women
#bb4f55 Deuteranomaly 6% of men, 0.4% of women
#f21b39 Tritanomaly 0.01% of the population

#f30059 hex color

#f30059 Color Information

#f30059 Color Conversion

Color Schemes with #f30059

Alternatives to #f30059

#f30059 Preview

Shades and Tints of #f30059

Tones of #f30059

Color Blindness Simulator