colorhexa.com

#b523f8 hex color

In a RGB color space, hex #b523f8 is composed of 71% red, 13.7% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 27% cyan, 85.9% magenta, 0% yellow and 2.7% black. It has a hue angle of 281.1 degrees, a saturation of 93.8% and a lightness of 55.5%. #b523f8 color hex could be obtained by blending #ff46ff with #6b00f1. Closest websafe color is: #cc33ff.

- R 71
- G 14
- B 97
RGB color chart
- C 27
- M 86
- Y 0
- K 3
CMYK color chart

● #b523f8 color description : Vivid violet.

The hexadecimal color #b523f8 has RGB values of R:181, G:35, B:248 and CMYK values of C:0.27, M:0.86, Y:0, K:0.03. Its decimal value is 11871224.

Hex triplet	b523f8	`#b523f8`
RGB Decimal	181, 35, 248	`rgb(181,35,248)`
RGB Percent	71, 13.7, 97.3	`rgb(71%,13.7%,97.3%)`
CMYK	27, 86, 0, 3
HSL	281.1°, 93.8, 55.5	`hsl(281.1,93.8%,55.5%)`
HSV (or HSB)	281.1°, 85.9, 97.3
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	49.258, 82.472, -75.399
XYZ	36.598, 17.804, 90.31
xyY	0.253, 0.123, 17.804
CIE-LCH	49.258, 111.744, 317.565
CIE-LUV	49.258, 36.459, -121.323
Hunter-Lab	42.195, 80.981, -97.362
Binary	10110101, 00100011, 11111000

#b523f8
```
#b523f8 rgb(181,35,248)
```
#66f823
```
#66f823 rgb(102,248,35)
```

Complementary Color

#4b23f8
```
#4b23f8 rgb(75,35,248)
```
#b523f8
```
#b523f8 rgb(181,35,248)
```
#f823d1
```
#f823d1 rgb(248,35,209)
```

Analogous Color

#23f84b
```
#23f84b rgb(35,248,75)
```
#b523f8
```
#b523f8 rgb(181,35,248)
```
#d1f823
```
#d1f823 rgb(209,248,35)
```

Split Complementary Color

#23f8b5
```
#23f8b5 rgb(35,248,181)
```
#b523f8
```
#b523f8 rgb(181,35,248)
```
#f8b523
```
#f8b523 rgb(248,181,35)
```

Triadic Color

#2366f8
```
#2366f8 rgb(35,102,248)
```
#b523f8
```
#b523f8 rgb(181,35,248)
```
#f8b523
```
#f8b523 rgb(248,181,35)
```
#66f823
```
#66f823 rgb(102,248,35)
```

Tetradic Color

#8b06c8
```
#8b06c8 rgb(139,6,200)
```
#9c07e1
```
#9c07e1 rgb(156,7,225)
```
#ad0af7
```
#ad0af7 rgb(173,10,247)
```
#b523f8
```
#b523f8 rgb(181,35,248)
```
#bd3cf9
```
#bd3cf9 rgb(189,60,249)
```
#c654fa
```
#c654fa rgb(198,84,250)
```
#ce6dfa
```
#ce6dfa rgb(206,109,250)
```

Monochromatic Color

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

#8023f8
```
#8023f8 rgb(128,35,248)
```
#9223f8
```
#9223f8 rgb(146,35,248)
```
#a323f8
```
#a323f8 rgb(163,35,248)
```
#b523f8
```
#b523f8 rgb(181,35,248)
```
#c723f8
```
#c723f8 rgb(199,35,248)
```
#d923f8
```
#d923f8 rgb(217,35,248)
```
#ea23f8
```
#ea23f8 rgb(234,35,248)
```

Similar Colors

Text with hexadecimal color #b523f8

This text has a font color of #b523f8.

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

#b523f8 background color

This paragraph has a background color of #b523f8.

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

#b523f8 border color

This element has a border color of #b523f8.

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

CSS codes

.text {color:#b523f8;}

.background {background-color:#b523f8;}

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

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

#060008
```
#060008 rgb(6,0,8)
```
#13011b
```
#13011b rgb(19,1,27)
```
#20012e
```
#20012e rgb(32,1,46)
```
#2d0241
```
#2d0241 rgb(45,2,65)
```
#3b0354
```
#3b0354 rgb(59,3,84)
```
#480367
```
#480367 rgb(72,3,103)
```
#55047a
```
#55047a rgb(85,4,122)
```
#62048d
```
#62048d rgb(98,4,141)
```
#6f05a0
```
#6f05a0 rgb(111,5,160)
```
#7d06b3
```
#7d06b3 rgb(125,6,179)
```
#8a06c6
```
#8a06c6 rgb(138,6,198)
```
#9707d9
```
#9707d9 rgb(151,7,217)
```
#a408ec
```
#a408ec rgb(164,8,236)
```

Shade Color Variation

#af10f7
```
#af10f7 rgb(175,16,247)
```
#b523f8
```
#b523f8 rgb(181,35,248)
```
#bb36f9
```
#bb36f9 rgb(187,54,249)
```
#c249f9
```
#c249f9 rgb(194,73,249)
```
#c85cfa
```
#c85cfa rgb(200,92,250)
```
#cf6ffa
```
#cf6ffa rgb(207,111,250)
```
#d582fb
```
#d582fb rgb(213,130,251)
```
#db95fc
```
#db95fc rgb(219,149,252)
```
#e2a8fc
```
#e2a8fc rgb(226,168,252)
```
#e8bbfd
```
#e8bbfd rgb(232,187,253)
```
#efcefd
```
#efcefd rgb(239,206,253)
```
#f5e1fe
```
#f5e1fe rgb(245,225,254)
```
#fbf4ff
```
#fbf4ff rgb(251,244,255)
```

Tint Color Variation

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

#8e8c8f
```
#8e8c8f rgb(142,140,143)
```
#918398
```
#918398 rgb(145,131,152)
```
#957aa1
```
#957aa1 rgb(149,122,161)
```
#9872a9
```
#9872a9 rgb(152,114,169)
```
#9b69b2
```
#9b69b2 rgb(155,105,178)
```
#9e60bb
```
#9e60bb rgb(158,96,187)
```
#a257c4
```
#a257c4 rgb(162,87,196)
```
#a54fcc
```
#a54fcc rgb(165,79,204)
```
#a846d5
```
#a846d5 rgb(168,70,213)
```
#ab3dde
```
#ab3dde rgb(171,61,222)
```
#af34e7
```
#af34e7 rgb(175,52,231)
```
#b22cef
```
#b22cef rgb(178,44,239)
```
#b523f8
```
#b523f8 rgb(181,35,248)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#775984 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0078ea Protanopia 1% of men
#007ecf Deuteranopia 1% of men
#9f6f76 Tritanopia 0.001% of the population

Trichromacy

#4159ef Protanomaly 1% of men, 0.01% of women
#415dde Deuteranomaly 6% of men, 0.4% of women
#a753a5 Tritanomaly 0.01% of the population