#f313bd hex color

In a RGB color space, hex #f313bd is composed of 95.3% red, 7.5% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 92.2% magenta, 22.2% yellow and 4.7% black. It has a hue angle of 314.5 degrees, a saturation of 90.3% and a lightness of 51.4%. #f313bd color hex could be obtained by blending #ff26ff with #e7007b. Closest websafe color is: #ff00cc.

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

● #f313bd color description : Vivid magenta.

The hexadecimal color #f313bd has RGB values of R:243, G:19, B:189 and CMYK values of C:0, M:0.92, Y:0.22, K:0.05. Its decimal value is 15930301.

Hex triplet	f313bd	`#f313bd`
RGB Decimal	243, 19, 189	`rgb(243,19,189)`
RGB Percent	95.3, 7.5, 74.1	`rgb(95.3%,7.5%,74.1%)`
CMYK	0, 92, 22, 5
HSL	314.5°, 90.3, 51.4	`hsl(314.5,90.3%,51.4%)`
HSV (or HSB)	314.5°, 92.2, 95.3
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	55.277, 86.417, -31.591
XYZ	46.381, 23.199, 50.177
xyY	0.387, 0.194, 23.199
CIE-LCH	55.277, 92.01, 339.919
CIE-LUV	55.277, 102.497, -61.196
Hunter-Lab	48.165, 87.598, -28.05
Binary	11110011, 00010011, 10111101

#f313bd
```
#f313bd rgb(243,19,189)
```
#13f349
```
#13f349 rgb(19,243,73)
```

Complementary Color

#b913f3
```
#b913f3 rgb(185,19,243)
```
#f313bd
```
#f313bd rgb(243,19,189)
```
#f3134d
```
#f3134d rgb(243,19,77)
```

Analogous Color

#13f3b9
```
#13f3b9 rgb(19,243,185)
```
#f313bd
```
#f313bd rgb(243,19,189)
```
#4df313
```
#4df313 rgb(77,243,19)
```

Split Complementary Color

#13bdf3
```
#13bdf3 rgb(19,189,243)
```
#f313bd
```
#f313bd rgb(243,19,189)
```
#bdf313
```
#bdf313 rgb(189,243,19)
```

Triadic Color

#4913f3
```
#4913f3 rgb(73,19,243)
```
#f313bd
```
#f313bd rgb(243,19,189)
```
#bdf313
```
#bdf313 rgb(189,243,19)
```
#13f349
```
#13f349 rgb(19,243,73)
```

Tetradic Color

#b10988
```
#b10988 rgb(177,9,136)
```
#c90a9b
```
#c90a9b rgb(201,10,155)
```
#e10bae
```
#e10bae rgb(225,11,174)
```
#f313bd
```
#f313bd rgb(243,19,189)
```
#f42bc4
```
#f42bc4 rgb(244,43,196)
```
#f544cb
```
#f544cb rgb(245,68,203)
```
#f75cd1
```
#f75cd1 rgb(247,92,209)
```

Monochromatic Color

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

#f113f3
```
#f113f3 rgb(241,19,243)
```
#f313e2
```
#f313e2 rgb(243,19,226)
```
#f313d0
```
#f313d0 rgb(243,19,208)
```
#f313bd
```
#f313bd rgb(243,19,189)
```
#f313aa
```
#f313aa rgb(243,19,170)
```
#f31398
```
#f31398 rgb(243,19,152)
```
#f31385
```
#f31385 rgb(243,19,133)
```

Similar Colors

Text with hexadecimal color #f313bd

This text has a font color of #f313bd.

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

#f313bd background color

This paragraph has a background color of #f313bd.

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

#f313bd border color

This element has a border color of #f313bd.

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

CSS codes

.text {color:#f313bd;}

.background {background-color:#f313bd;}

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

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

#070005
```
#070005 rgb(7,0,5)
```
#190114
```
#190114 rgb(25,1,20)
```
#2c0222
```
#2c0222 rgb(44,2,34)
```
#3f0330
```
#3f0330 rgb(63,3,48)
```
#51043f
```
#51043f rgb(81,4,63)
```
#64054d
```
#64054d rgb(100,5,77)
```
#77065c
```
#77065c rgb(119,6,92)
```
#89076a
```
#89076a rgb(137,7,106)
```
#9c0878
```
#9c0878 rgb(156,8,120)
```
#af0987
```
#af0987 rgb(175,9,135)
```
#c10a95
```
#c10a95 rgb(193,10,149)
```
#d40ba3
```
#d40ba3 rgb(212,11,163)
```
#e70cb2
```
#e70cb2 rgb(231,12,178)
```

Shade Color Variation

#f313bd
```
#f313bd rgb(243,19,189)
```
#f426c2
```
#f426c2 rgb(244,38,194)
```
#f538c7
```
#f538c7 rgb(245,56,199)
```
#f64bcd
```
#f64bcd rgb(246,75,205)
```
#f75ed2
```
#f75ed2 rgb(247,94,210)
```
#f870d7
```
#f870d7 rgb(248,112,215)
```
#f983dc
```
#f983dc rgb(249,131,220)
```
#fa96e2
```
#fa96e2 rgb(250,150,226)
```
#fba8e7
```
#fba8e7 rgb(251,168,231)
```
#fcbbec
```
#fcbbec rgb(252,187,236)
```
#fccef1
```
#fccef1 rgb(252,206,241)
```
#fde0f6
```
#fde0f6 rgb(253,224,246)
```
#fef3fc
```
#fef3fc rgb(254,243,252)
```

Tint Color Variation

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

#8a7c87
```
#8a7c87 rgb(138,124,135)
```
#94728c
```
#94728c rgb(148,114,140)
```
#9d6991
```
#9d6991 rgb(157,105,145)
```
#a75f95
```
#a75f95 rgb(167,95,149)
```
#b0569a
```
#b0569a rgb(176,86,154)
```
#ba4c9f
```
#ba4c9f rgb(186,76,159)
```
#c343a4
```
#c343a4 rgb(195,67,164)
```
#cd39a9
```
#cd39a9 rgb(205,57,169)
```
#d630ae
```
#d630ae rgb(214,48,174)
```
#e026b3
```
#e026b3 rgb(224,38,179)
```
#e91db8
```
#e91db8 rgb(233,29,184)
```
#f313bd
```
#f313bd rgb(243,19,189)
```
#fd09c2
```
#fd09c2 rgb(253,9,194)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#85587a Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c86fc Protanopia 1% of men
#8388ae Deuteranopia 1% of men
#ea5559 Tritanopia 0.001% of the population

Trichromacy

#7e5ce5 Protanomaly 1% of men, 0.01% of women
#ac5db3 Deuteranomaly 6% of men, 0.4% of women
#ed3d7d Tritanomaly 0.01% of the population

#f313bd hex color

#f313bd Color Information

#f313bd Color Conversion

Color Schemes with #f313bd

Alternatives to #f313bd

#f313bd Preview

Shades and Tints of #f313bd

Tones of #f313bd

Color Blindness Simulator