#f300b0 hex color

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

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

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

The hexadecimal color #f300b0 has RGB values of R:243, G:0, B:176 and CMYK values of C:0, M:1, Y:0.28, K:0.05. Its decimal value is 15925424.

Hex triplet	f300b0	`#f300b0`
RGB Decimal	243, 0, 176	`rgb(243,0,176)`
RGB Percent	95.3, 0, 69	`rgb(95.3%,0%,69%)`
CMYK	0, 100, 28, 5
HSL	316.5°, 100, 47.6	`hsl(316.5,100%,47.6%)`
HSV (or HSB)	316.5°, 100, 95.3
Web Safe	ff0099	`#ff0099`

CIE-LAB	54.232, 86.394, -25.641
XYZ	44.799, 22.194, 42.997
xyY	0.407, 0.202, 22.194
CIE-LCH	54.232, 90.119, 343.469
CIE-LUV	54.232, 109.855, -52.261
Hunter-Lab	47.11, 87.301, -21.136
Binary	11110011, 00000000, 10110000

#f300b0
```
#f300b0 rgb(243,0,176)
```
#00f343
```
#00f343 rgb(0,243,67)
```

Complementary Color

#bd00f3
```
#bd00f3 rgb(189,0,243)
```
#f300b0
```
#f300b0 rgb(243,0,176)
```
#f30036
```
#f30036 rgb(243,0,54)
```

Analogous Color

#00f3bd
```
#00f3bd rgb(0,243,189)
```
#f300b0
```
#f300b0 rgb(243,0,176)
```
#36f300
```
#36f300 rgb(54,243,0)
```

Split Complementary Color

#00b0f3
```
#00b0f3 rgb(0,176,243)
```
#f300b0
```
#f300b0 rgb(243,0,176)
```
#b0f300
```
#b0f300 rgb(176,243,0)
```

Triadic Color

#4300f3
```
#4300f3 rgb(67,0,243)
```
#f300b0
```
#f300b0 rgb(243,0,176)
```
#b0f300
```
#b0f300 rgb(176,243,0)
```
#00f343
```
#00f343 rgb(0,243,67)
```

Tetradic Color

#a70079
```
#a70079 rgb(167,0,121)
```
#c0008b
```
#c0008b rgb(192,0,139)
```
#da009e
```
#da009e rgb(218,0,158)
```
#f300b0
```
#f300b0 rgb(243,0,176)
```
#ff0ebc
```
#ff0ebc rgb(255,14,188)
```
#ff27c3
```
#ff27c3 rgb(255,39,195)
```
#ff41ca
```
#ff41ca rgb(255,65,202)
```

Monochromatic Color

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

#f300ed
```
#f300ed rgb(243,0,237)
```
#f300d9
```
#f300d9 rgb(243,0,217)
```
#f300c4
```
#f300c4 rgb(243,0,196)
```
#f300b0
```
#f300b0 rgb(243,0,176)
```
#f3009c
```
#f3009c rgb(243,0,156)
```
#f30088
```
#f30088 rgb(243,0,136)
```
#f30073
```
#f30073 rgb(243,0,115)
```

Similar Colors

Text with hexadecimal color #f300b0

This text has a font color of #f300b0.

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

#f300b0 background color

This paragraph has a background color of #f300b0.

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

#f300b0 border color

This element has a border color of #f300b0.

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

CSS codes

.text {color:#f300b0;}

.background {background-color:#f300b0;}

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

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

#080006
```
#080006 rgb(8,0,6)
```
#1b0014
```
#1b0014 rgb(27,0,20)
```
#2f0022
```
#2f0022 rgb(47,0,34)
```
#420030
```
#420030 rgb(66,0,48)
```
#56003e
```
#56003e rgb(86,0,62)
```
#6a004d
```
#6a004d rgb(106,0,77)
```
#7d005b
```
#7d005b rgb(125,0,91)
```
#910069
```
#910069 rgb(145,0,105)
```
#a50077
```
#a50077 rgb(165,0,119)
```
#b80085
```
#b80085 rgb(184,0,133)
```
#cc0094
```
#cc0094 rgb(204,0,148)
```
#df00a2
```
#df00a2 rgb(223,0,162)
```
#f300b0
```
#f300b0 rgb(243,0,176)
```

Shade Color Variation

#ff08bb
```
#ff08bb rgb(255,8,187)
```
#ff1bc0
```
#ff1bc0 rgb(255,27,192)
```
#ff2fc6
```
#ff2fc6 rgb(255,47,198)
```
#ff42cb
```
#ff42cb rgb(255,66,203)
```
#ff56d0
```
#ff56d0 rgb(255,86,208)
```
#ff6ad6
```
#ff6ad6 rgb(255,106,214)
```
#ff7ddb
```
#ff7ddb rgb(255,125,219)
```
#ff91e1
```
#ff91e1 rgb(255,145,225)
```
#ffa5e6
```
#ffa5e6 rgb(255,165,230)
```
#ffb8eb
```
#ffb8eb rgb(255,184,235)
```
#ffccf1
```
#ffccf1 rgb(255,204,241)
```
#ffdff6
```
#ffdff6 rgb(255,223,246)
```
#fff3fc
```
#fff3fc rgb(255,243,252)
```

Tint Color Variation

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

#83707e
```
#83707e rgb(131,112,126)
```
#8c6782
```
#8c6782 rgb(140,103,130)
```
#965d86
```
#965d86 rgb(150,93,134)
```
#9f548a
```
#9f548a rgb(159,84,138)
```
#a84b8e
```
#a84b8e rgb(168,75,142)
```
#b24193
```
#b24193 rgb(178,65,147)
```
#bb3897
```
#bb3897 rgb(187,56,151)
```
#c42f9b
```
#c42f9b rgb(196,47,155)
```
#ce259f
```
#ce259f rgb(206,37,159)
```
#d71ca3
```
#d71ca3 rgb(215,28,163)
```
#e013a8
```
#e013a8 rgb(224,19,168)
```
#ea09ac
```
#ea09ac rgb(234,9,172)
```
#f300b0
```
#f300b0 rgb(243,0,176)
```

Tone Color Variation

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

Dichromacy

#4984ef Protanopia 1% of men
#8685a2 Deuteranopia 1% of men
#ec4d50 Tritanopia 0.001% of the population

Trichromacy

#8754d8 Protanomaly 1% of men, 0.01% of women
#ae54a7 Deuteranomaly 6% of men, 0.4% of women
#ee3173 Tritanomaly 0.01% of the population

#f300b0 hex color

#f300b0 Color Information

#f300b0 Color Conversion

Color Schemes with #f300b0

Alternatives to #f300b0

#f300b0 Preview

Shades and Tints of #f300b0

Tones of #f300b0

Color Blindness Simulator