colorhexa.com

#f51bd4 hex color

In a RGB color space, hex #f51bd4 is composed of 96.1% red, 10.6% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 89% magenta, 13.5% yellow and 3.9% black. It has a hue angle of 309.1 degrees, a saturation of 91.6% and a lightness of 53.3%. #f51bd4 color hex could be obtained by blending #ff36ff with #eb00a9. Closest websafe color is: #ff33cc.

- R 96
- G 11
- B 83
RGB color chart
- C 0
- M 89
- Y 13
- K 4
CMYK color chart

● #f51bd4 color description : Vivid magenta.

The hexadecimal color #f51bd4 has RGB values of R:245, G:27, B:212 and CMYK values of C:0, M:0.89, Y:0.13, K:0.04. Its decimal value is 16063444.

Hex triplet	f51bd4	`#f51bd4`
RGB Decimal	245, 27, 212	`rgb(245,27,212)`
RGB Percent	96.1, 10.6, 83.1	`rgb(96.1%,10.6%,83.1%)`
CMYK	0, 89, 13, 4
HSL	309.1°, 91.6, 53.3	`hsl(309.1,91.6%,53.3%)`
HSV (or HSB)	309.1°, 89, 96.1
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	57.031, 88.656, -42.029
XYZ	49.932, 24.954, 64.471
xyY	0.358, 0.179, 24.954
CIE-LCH	57.031, 98.114, 334.636
CIE-LUV	57.031, 93.063, -77.643
Hunter-Lab	49.954, 91.001, -41.552
Binary	11110101, 00011011, 11010100

#f51bd4
```
#f51bd4 rgb(245,27,212)
```
#1bf53c
```
#1bf53c rgb(27,245,60)
```

Complementary Color

#a91bf5
```
#a91bf5 rgb(169,27,245)
```
#f51bd4
```
#f51bd4 rgb(245,27,212)
```
#f51b67
```
#f51b67 rgb(245,27,103)
```

Analogous Color

#1bf5a9
```
#1bf5a9 rgb(27,245,169)
```
#f51bd4
```
#f51bd4 rgb(245,27,212)
```
#67f51b
```
#67f51b rgb(103,245,27)
```

Split Complementary Color

#1bd4f5
```
#1bd4f5 rgb(27,212,245)
```
#f51bd4
```
#f51bd4 rgb(245,27,212)
```
#d4f51b
```
#d4f51b rgb(212,245,27)
```

Triadic Color

#3c1bf5
```
#3c1bf5 rgb(60,27,245)
```
#f51bd4
```
#f51bd4 rgb(245,27,212)
```
#d4f51b
```
#d4f51b rgb(212,245,27)
```
#1bf53c
```
#1bf53c rgb(27,245,60)
```

Tetradic Color

#bb08a0
```
#bb08a0 rgb(187,8,160)
```
#d409b5
```
#d409b5 rgb(212,9,181)
```
#ec0aca
```
#ec0aca rgb(236,10,202)
```
#f51bd4
```
#f51bd4 rgb(245,27,212)
```
#f633d9
```
#f633d9 rgb(246,51,217)
```
#f74cdd
```
#f74cdd rgb(247,76,221)
```
#f864e2
```
#f864e2 rgb(248,100,226)
```

Monochromatic Color

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

#e01bf5
```
#e01bf5 rgb(224,27,245)
```
#f21bf5
```
#f21bf5 rgb(242,27,245)
```
#f51be6
```
#f51be6 rgb(245,27,230)
```
#f51bd4
```
#f51bd4 rgb(245,27,212)
```
#f51bc2
```
#f51bc2 rgb(245,27,194)
```
#f51bb0
```
#f51bb0 rgb(245,27,176)
```
#f51b9e
```
#f51b9e rgb(245,27,158)
```

Similar Colors

Text with hexadecimal color #f51bd4

This text has a font color of #f51bd4.

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

#f51bd4 background color

This paragraph has a background color of #f51bd4.

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

#f51bd4 border color

This element has a border color of #f51bd4.

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

CSS codes

.text {color:#f51bd4;}

.background {background-color:#f51bd4;}

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

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, #10010e is the darkest color, while #fffcff is the lightest one.

#10010e
```
#10010e rgb(16,1,14)
```
#23021e
```
#23021e rgb(35,2,30)
```
#36022e
```
#36022e rgb(54,2,46)
```
#49033e
```
#49033e rgb(73,3,62)
```
#5b044e
```
#5b044e rgb(91,4,78)
```
#6e055e
```
#6e055e rgb(110,5,94)
```
#81066e
```
#81066e rgb(129,6,110)
```
#94067e
```
#94067e rgb(148,6,126)
```
#a7078f
```
#a7078f rgb(167,7,143)
```
#b9089f
```
#b9089f rgb(185,8,159)
```
#cc09af
```
#cc09af rgb(204,9,175)
```
#df0abf
```
#df0abf rgb(223,10,191)
```
#f20bcf
```
#f20bcf rgb(242,11,207)
```

Shade Color Variation

#f51bd4
```
#f51bd4 rgb(245,27,212)
```
#f62ed8
```
#f62ed8 rgb(246,46,216)
```
#f741db
```
#f741db rgb(247,65,219)
```
#f753df
```
#f753df rgb(247,83,223)
```
#f866e2
```
#f866e2 rgb(248,102,226)
```
#f979e6
```
#f979e6 rgb(249,121,230)
```
#fa8ce9
```
#fa8ce9 rgb(250,140,233)
```
#fb9fed
```
#fb9fed rgb(251,159,237)
```
#fcb1f0
```
#fcb1f0 rgb(252,177,240)
```
#fcc4f4
```
#fcc4f4 rgb(252,196,244)
```
#fdd7f7
```
#fdd7f7 rgb(253,215,247)
```
#feeafb
```
#feeafb rgb(254,234,251)
```
#fffcff
```
#fffcff rgb(255,252,255)
```

Tint Color Variation

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

#90808e
```
#90808e rgb(144,128,142)
```
#997794
```
#997794 rgb(153,119,148)
```
#a36d9b
```
#a36d9b rgb(163,109,155)
```
#ac64a1
```
#ac64a1 rgb(172,100,161)
```
#b55ba7
```
#b55ba7 rgb(181,91,167)
```
#be52ae
```
#be52ae rgb(190,82,174)
```
#c749b4
```
#c749b4 rgb(199,73,180)
```
#d040ba
```
#d040ba rgb(208,64,186)
```
#da36c1
```
#da36c1 rgb(218,54,193)
```
#e32dc7
```
#e32dc7 rgb(227,45,199)
```
#ec24ce
```
#ec24ce rgb(236,36,206)
```
#f51bd4
```
#f51bd4 rgb(245,27,212)
```
#fe12da
```
#fe12da rgb(254,18,218)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#8b6085 Atypical Achromatopsia 0.001% of the population

Dichromacy

#468bff Protanopia 1% of men
#7b8dc2 Deuteranopia 1% of men
#ea5f65 Tritanopia 0.001% of the population

Trichromacy

#8562ef Protanomaly 1% of men, 0.01% of women
#a763c8 Deuteranomaly 6% of men, 0.4% of women
#ee468d Tritanomaly 0.01% of the population