#f523bd hex color

In a RGB color space, hex #f523bd is composed of 96.1% red, 13.7% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.7% magenta, 22.9% yellow and 3.9% black. It has a hue angle of 316 degrees, a saturation of 91.3% and a lightness of 54.9%. #f523bd color hex could be obtained by blending #ff46ff with #eb007b. Closest websafe color is: #ff33cc.

♥
- f
- t
- g
- R 96
- G 14
- B 74
RGB color chart
- C 0
- M 86
- Y 23
- K 4
CMYK color chart

● #f523bd color description : Vivid pink.

The hexadecimal color #f523bd has RGB values of R:245, G:35, B:189 and CMYK values of C:0, M:0.86, Y:0.23, K:0.04. Its decimal value is 16065469.

Hex triplet	f523bd	`#f523bd`
RGB Decimal	245, 35, 189	`rgb(245,35,189)`
RGB Percent	96.1, 13.7, 74.1	`rgb(96.1%,13.7%,74.1%)`
CMYK	0, 86, 23, 4
HSL	316°, 91.3, 54.9	`hsl(316,91.3%,54.9%)`
HSV (or HSB)	316°, 85.7, 96.1
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	56.38, 84.643, -29.848
XYZ	47.443, 24.293, 50.332
xyY	0.389, 0.199, 24.293
CIE-LCH	56.38, 89.752, 340.576
CIE-LUV	56.38, 102.122, -58.546
Hunter-Lab	49.288, 85.564, -26.044
Binary	11110101, 00100011, 10111101

#f523bd
```
#f523bd rgb(245,35,189)
```
#23f55b
```
#23f55b rgb(35,245,91)
```

Complementary Color

#c423f5
```
#c423f5 rgb(196,35,245)
```
#f523bd
```
#f523bd rgb(245,35,189)
```
#f52354
```
#f52354 rgb(245,35,84)
```

Analogous Color

#23f5c4
```
#23f5c4 rgb(35,245,196)
```
#f523bd
```
#f523bd rgb(245,35,189)
```
#54f523
```
#54f523 rgb(84,245,35)
```

Split Complementary Color

#23bdf5
```
#23bdf5 rgb(35,189,245)
```
#f523bd
```
#f523bd rgb(245,35,189)
```
#bdf523
```
#bdf523 rgb(189,245,35)
```

Triadic Color

#5b23f5
```
#5b23f5 rgb(91,35,245)
```
#f523bd
```
#f523bd rgb(245,35,189)
```
#bdf523
```
#bdf523 rgb(189,245,35)
```
#23f55b
```
#23f55b rgb(35,245,91)
```

Tetradic Color

#c30991
```
#c30991 rgb(195,9,145)
```
#db0aa3
```
#db0aa3 rgb(219,10,163)
```
#f30bb5
```
#f30bb5 rgb(243,11,181)
```
#f523bd
```
#f523bd rgb(245,35,189)
```
#f63bc4
```
#f63bc4 rgb(246,59,196)
```
#f754cc
```
#f754cc rgb(247,84,204)
```
#f86cd3
```
#f86cd3 rgb(248,108,211)
```

Monochromatic Color

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

#f523f2
```
#f523f2 rgb(245,35,242)
```
#f523e0
```
#f523e0 rgb(245,35,224)
```
#f523cf
```
#f523cf rgb(245,35,207)
```
#f523bd
```
#f523bd rgb(245,35,189)
```
#f523ac
```
#f523ac rgb(245,35,172)
```
#f5239a
```
#f5239a rgb(245,35,154)
```
#f52389
```
#f52389 rgb(245,35,137)
```

Similar Colors

Text with hexadecimal color #f523bd

This text has a font color of #f523bd.

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

#f523bd background color

This paragraph has a background color of #f523bd.

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

#f523bd border color

This element has a border color of #f523bd.

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

CSS codes

.text {color:#f523bd;}

.background {background-color:#f523bd;}

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

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

#050004
```
#050004 rgb(5,0,4)
```
#180112
```
#180112 rgb(24,1,18)
```
#2b0220
```
#2b0220 rgb(43,2,32)
```
#3d032e
```
#3d032e rgb(61,3,46)
```
#50043c
```
#50043c rgb(80,4,60)
```
#63044a
```
#63044a rgb(99,4,74)
```
#760558
```
#760558 rgb(118,5,88)
```
#880666
```
#880666 rgb(136,6,102)
```
#9b0774
```
#9b0774 rgb(155,7,116)
```
#ae0882
```
#ae0882 rgb(174,8,130)
```
#c10990
```
#c10990 rgb(193,9,144)
```
#d40a9e
```
#d40a9e rgb(212,10,158)
```
#e60aac
```
#e60aac rgb(230,10,172)
```

Shade Color Variation

#f410b7
```
#f410b7 rgb(244,16,183)
```
#f523bd
```
#f523bd rgb(245,35,189)
```
#f636c3
```
#f636c3 rgb(246,54,195)
```
#f749c8
```
#f749c8 rgb(247,73,200)
```
#f85bce
```
#f85bce rgb(248,91,206)
```
#f86ed4
```
#f86ed4 rgb(248,110,212)
```
#f981d9
```
#f981d9 rgb(249,129,217)
```
#fa94df
```
#fa94df rgb(250,148,223)
```
#fba6e4
```
#fba6e4 rgb(251,166,228)
```
#fcb9ea
```
#fcb9ea rgb(252,185,234)
```
#fdccf0
```
#fdccf0 rgb(253,204,240)
```
#fedff5
```
#fedff5 rgb(254,223,245)
```
#fef1fb
```
#fef1fb rgb(254,241,251)
```

Tint Color Variation

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

#948490
```
#948490 rgb(148,132,144)
```
#9d7b94
```
#9d7b94 rgb(157,123,148)
```
#a57398
```
#a57398 rgb(165,115,152)
```
#ae6a9c
```
#ae6a9c rgb(174,106,156)
```
#b761a0
```
#b761a0 rgb(183,97,160)
```
#c058a4
```
#c058a4 rgb(192,88,164)
```
#c94fa8
```
#c94fa8 rgb(201,79,168)
```
#d246ac
```
#d246ac rgb(210,70,172)
```
#da3eb1
```
#da3eb1 rgb(218,62,177)
```
#e335b5
```
#e335b5 rgb(227,53,181)
```
#ec2cb9
```
#ec2cb9 rgb(236,44,185)
```
#f523bd
```
#f523bd rgb(245,35,189)
```
#fe1ac1
```
#fe1ac1 rgb(254,26,193)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#8d6382 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c89f8 Protanopia 1% of men
#888aaf Deuteranopia 1% of men
#ed595e Tritanopia 0.001% of the population

Trichromacy

#8964e2 Protanomaly 1% of men, 0.01% of women
#af65b4 Deuteranomaly 6% of men, 0.4% of women
#ef4580 Tritanomaly 0.01% of the population

#f523bd hex color

#f523bd Color Information

#f523bd Color Conversion

Color Schemes with #f523bd

Alternatives to #f523bd

#f523bd Preview

Shades and Tints of #f523bd

Tones of #f523bd

Color Blindness Simulator