#f300bc hex color

In a RGB color space, hex #f300bc is composed of 95.3% red, 0% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 100% magenta, 22.6% yellow and 4.7% black. It has a hue angle of 313.6 degrees, a saturation of 100% and a lightness of 47.6%. #f300bc color hex could be obtained by blending #ff00ff with #e70079. Closest websafe color is: #ff00cc.

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

● #f300bc color description : Pure (or mostly pure) magenta.

The hexadecimal color #f300bc has RGB values of R:243, G:0, B:188 and CMYK values of C:0, M:1, Y:0.23, K:0.05. Its decimal value is 15925436.

Hex triplet	f300bc	`#f300bc`
RGB Decimal	243, 0, 188	`rgb(243,0,188)`
RGB Percent	95.3, 0, 73.7	`rgb(95.3%,0%,73.7%)`
CMYK	0, 100, 23, 5
HSL	313.6°, 100, 47.6	`hsl(313.6,100%,47.6%)`
HSV (or HSB)	313.6°, 100, 95.3
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	54.751, 87.713, -31.829
XYZ	46.04, 22.69, 49.529
xyY	0.389, 0.192, 22.69
CIE-LCH	54.751, 93.31, 340.055
CIE-LUV	54.751, 104.201, -61.654
Hunter-Lab	47.634, 89.167, -28.306
Binary	11110011, 00000000, 10111100

#f300bc
```
#f300bc rgb(243,0,188)
```
#00f337
```
#00f337 rgb(0,243,55)
```

Complementary Color

#b100f3
```
#b100f3 rgb(177,0,243)
```
#f300bc
```
#f300bc rgb(243,0,188)
```
#f30043
```
#f30043 rgb(243,0,67)
```

Analogous Color

#00f3b1
```
#00f3b1 rgb(0,243,177)
```
#f300bc
```
#f300bc rgb(243,0,188)
```
#42f300
```
#42f300 rgb(66,243,0)
```

Split Complementary Color

#00bcf3
```
#00bcf3 rgb(0,188,243)
```
#f300bc
```
#f300bc rgb(243,0,188)
```
#bcf300
```
#bcf300 rgb(188,243,0)
```

Triadic Color

#3700f3
```
#3700f3 rgb(55,0,243)
```
#f300bc
```
#f300bc rgb(243,0,188)
```
#bcf300
```
#bcf300 rgb(188,243,0)
```
#00f337
```
#00f337 rgb(0,243,55)
```

Tetradic Color

#a70081
```
#a70081 rgb(167,0,129)
```
#c00095
```
#c00095 rgb(192,0,149)
```
#da00a8
```
#da00a8 rgb(218,0,168)
```
#f300bc
```
#f300bc rgb(243,0,188)
```
#ff0ec8
```
#ff0ec8 rgb(255,14,200)
```
#ff27ce
```
#ff27ce rgb(255,39,206)
```
#ff41d4
```
#ff41d4 rgb(255,65,212)
```

Monochromatic Color

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

#ed00f3
```
#ed00f3 rgb(237,0,243)
```
#f300e5
```
#f300e5 rgb(243,0,229)
```
#f300d0
```
#f300d0 rgb(243,0,208)
```
#f300bc
```
#f300bc rgb(243,0,188)
```
#f300a8
```
#f300a8 rgb(243,0,168)
```
#f30094
```
#f30094 rgb(243,0,148)
```
#f3007f
```
#f3007f rgb(243,0,127)
```

Similar Colors

Text with hexadecimal color #f300bc

This text has a font color of #f300bc.

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

#f300bc background color

This paragraph has a background color of #f300bc.

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

#f300bc border color

This element has a border color of #f300bc.

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

CSS codes

.text {color:#f300bc;}

.background {background-color:#f300bc;}

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

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)
```
#1b0015
```
#1b0015 rgb(27,0,21)
```
#2f0024
```
#2f0024 rgb(47,0,36)
```
#420033
```
#420033 rgb(66,0,51)
```
#560043
```
#560043 rgb(86,0,67)
```
#6a0052
```
#6a0052 rgb(106,0,82)
```
#7d0061
```
#7d0061 rgb(125,0,97)
```
#910070
```
#910070 rgb(145,0,112)
```
#a5007f
```
#a5007f rgb(165,0,127)
```
#b8008e
```
#b8008e rgb(184,0,142)
```
#cc009e
```
#cc009e rgb(204,0,158)
```
#df00ad
```
#df00ad rgb(223,0,173)
```
#f300bc
```
#f300bc rgb(243,0,188)
```

Shade Color Variation

#ff08c7
```
#ff08c7 rgb(255,8,199)
```
#ff1bcb
```
#ff1bcb rgb(255,27,203)
```
#ff2fd0
```
#ff2fd0 rgb(255,47,208)
```
#ff42d4
```
#ff42d4 rgb(255,66,212)
```
#ff56d9
```
#ff56d9 rgb(255,86,217)
```
#ff6add
```
#ff6add rgb(255,106,221)
```
#ff7de2
```
#ff7de2 rgb(255,125,226)
```
#ff91e6
```
#ff91e6 rgb(255,145,230)
```
#ffa5eb
```
#ffa5eb rgb(255,165,235)
```
#ffb8ef
```
#ffb8ef rgb(255,184,239)
```
#ffccf3
```
#ffccf3 rgb(255,204,243)
```
#ffdff8
```
#ffdff8 rgb(255,223,248)
```
#fff3fc
```
#fff3fc rgb(255,243,252)
```

Tint Color Variation

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

#83707f
```
#83707f rgb(131,112,127)
```
#8c6784
```
#8c6784 rgb(140,103,132)
```
#965d89
```
#965d89 rgb(150,93,137)
```
#9f548e
```
#9f548e rgb(159,84,142)
```
#a84b93
```
#a84b93 rgb(168,75,147)
```
#b24198
```
#b24198 rgb(178,65,152)
```
#bb389d
```
#bb389d rgb(187,56,157)
```
#c42fa2
```
#c42fa2 rgb(196,47,162)
```
#ce25a8
```
#ce25a8 rgb(206,37,168)
```
#d71cad
```
#d71cad rgb(215,28,173)
```
#e013b2
```
#e013b2 rgb(224,19,178)
```
#ea09b7
```
#ea09b7 rgb(234,9,183)
```
#f300bc
```
#f300bc rgb(243,0,188)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#7c4b71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3285fd Protanopia 1% of men
#8287ad Deuteranopia 1% of men
#ea5255 Tritanopia 0.001% of the population

Trichromacy

#7854e5 Protanomaly 1% of men, 0.01% of women
#ab56b2 Deuteranomaly 6% of men, 0.4% of women
#ed347b Tritanomaly 0.01% of the population

#f300bc hex color

#f300bc Color Information

#f300bc Color Conversion

Color Schemes with #f300bc

Alternatives to #f300bc

#f300bc Preview

Shades and Tints of #f300bc

Tones of #f300bc

Color Blindness Simulator