#523af5 hex color

In a RGB color space, hex #523af5 is composed of 32.2% red, 22.7% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 66.5% cyan, 76.3% magenta, 0% yellow and 3.9% black. It has a hue angle of 247.7 degrees, a saturation of 90.3% and a lightness of 59.4%. #523af5 color hex could be obtained by blending #a474ff with #0000eb. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 32
- G 23
- B 96
RGB color chart
- C 67
- M 76
- Y 0
- K 4
CMYK color chart

● #523af5 color description : Bright blue.

The hexadecimal color #523af5 has RGB values of R:82, G:58, B:245 and CMYK values of C:0.67, M:0.76, Y:0, K:0.04. Its decimal value is 5389045.

Hex triplet	523af5	`#523af5`
RGB Decimal	82, 58, 245	`rgb(82,58,245)`
RGB Percent	32.2, 22.7, 96.1	`rgb(32.2%,22.7%,96.1%)`
CMYK	67, 76, 0, 4
HSL	247.7°, 90.3, 59.4	`hsl(247.7,90.3%,59.4%)`
HSV (or HSB)	247.7°, 76.3, 96.1
Web Safe	6633ff	`#6633ff`

CIE-LAB	40.265, 61.993, -88.9
XYZ	21.471, 11.412, 87.452
xyY	0.178, 0.095, 11.412
CIE-LCH	40.265, 108.38, 304.889
CIE-LUV	40.265, -4.755, -126.996
Hunter-Lab	33.781, 54.337, -129.844
Binary	01010010, 00111010, 11110101

#523af5
```
#523af5 rgb(82,58,245)
```
#ddf53a
```
#ddf53a rgb(221,245,58)
```

Complementary Color

#3a80f5
```
#3a80f5 rgb(58,128,245)
```
#523af5
```
#523af5 rgb(82,58,245)
```
#b03af5
```
#b03af5 rgb(176,58,245)
```

Analogous Color

#80f53a
```
#80f53a rgb(128,245,58)
```
#523af5
```
#523af5 rgb(82,58,245)
```
#f5b03a
```
#f5b03a rgb(245,176,58)
```

Split Complementary Color

#3af552
```
#3af552 rgb(58,245,82)
```
#523af5
```
#523af5 rgb(82,58,245)
```
#f5523a
```
#f5523a rgb(245,82,58)
```

Triadic Color

#3addf5
```
#3addf5 rgb(58,221,245)
```
#523af5
```
#523af5 rgb(82,58,245)
```
#f5523a
```
#f5523a rgb(245,82,58)
```
#ddf53a
```
#ddf53a rgb(221,245,58)
```

Tetradic Color

#250bd8
```
#250bd8 rgb(37,11,216)
```
#290cf0
```
#290cf0 rgb(41,12,240)
```
#3d22f4
```
#3d22f4 rgb(61,34,244)
```
#523af5
```
#523af5 rgb(82,58,245)
```
#6752f6
```
#6752f6 rgb(103,82,246)
```
#7d6bf7
```
#7d6bf7 rgb(125,107,247)
```
#9283f9
```
#9283f9 rgb(146,131,249)
```

Monochromatic Color

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

#3a51f5
```
#3a51f5 rgb(58,81,245)
```
#3a41f5
```
#3a41f5 rgb(58,65,245)
```
#423af5
```
#423af5 rgb(66,58,245)
```
#523af5
```
#523af5 rgb(82,58,245)
```
#623af5
```
#623af5 rgb(98,58,245)
```
#713af5
```
#713af5 rgb(113,58,245)
```
#813af5
```
#813af5 rgb(129,58,245)
```

Similar Colors

Text with hexadecimal color #523af5

This text has a font color of #523af5.

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

#523af5 background color

This paragraph has a background color of #523af5.

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

#523af5 border color

This element has a border color of #523af5.

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

CSS codes

.text {color:#523af5;}

.background {background-color:#523af5;}

.border {border:1px solid #523af5;}

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

#010008
```
#010008 rgb(1,0,8)
```
#05011b
```
#05011b rgb(5,1,27)
```
#08022e
```
#08022e rgb(8,2,46)
```
#0b0340
```
#0b0340 rgb(11,3,64)
```
#0e0453
```
#0e0453 rgb(14,4,83)
```
#120566
```
#120566 rgb(18,5,102)
```
#150678
```
#150678 rgb(21,6,120)
```
#18078b
```
#18078b rgb(24,7,139)
```
#1b089e
```
#1b089e rgb(27,8,158)
```
#1e09b0
```
#1e09b0 rgb(30,9,176)
```
#220ac3
```
#220ac3 rgb(34,10,195)
```
#250bd6
```
#250bd6 rgb(37,11,214)
```
#280ce8
```
#280ce8 rgb(40,12,232)
```

Shade Color Variation

#3115f3
```
#3115f3 rgb(49,21,243)
```
#4227f4
```
#4227f4 rgb(66,39,244)
```
#523af5
```
#523af5 rgb(82,58,245)
```
#624df6
```
#624df6 rgb(98,77,246)
```
#735ff7
```
#735ff7 rgb(115,95,247)
```
#8372f8
```
#8372f8 rgb(131,114,248)
```
#9485f9
```
#9485f9 rgb(148,133,249)
```
#a497fa
```
#a497fa rgb(164,151,250)
```
#b4aafb
```
#b4aafb rgb(180,170,251)
```
#c5bdfc
```
#c5bdfc rgb(197,189,252)
```
#d5cffd
```
#d5cffd rgb(213,207,253)
```
#e6e2fe
```
#e6e2fe rgb(230,226,254)
```
#f6f5fe
```
#f6f5fe rgb(246,245,254)
```

Tint Color Variation

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

#93929d
```
#93929d rgb(147,146,157)
```
#8d8aa5
```
#8d8aa5 rgb(141,138,165)
```
#8782ad
```
#8782ad rgb(135,130,173)
```
#817ab5
```
#817ab5 rgb(129,122,181)
```
#7b72bd
```
#7b72bd rgb(123,114,189)
```
#766ac5
```
#766ac5 rgb(118,106,197)
```
#7062cd
```
#7062cd rgb(112,98,205)
```
#6a5ad5
```
#6a5ad5 rgb(106,90,213)
```
#6452dd
```
#6452dd rgb(100,82,221)
```
#5e4ae5
```
#5e4ae5 rgb(94,74,229)
```
#5842ed
```
#5842ed rgb(88,66,237)
```
#523af5
```
#523af5 rgb(82,58,245)
```
#4c32fd
```
#4c32fd rgb(76,50,253)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#555076 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c2 Protanopia 1% of men
#006aa9 Deuteranopia 1% of men
#007178 Tritanopia 0.001% of the population

Trichromacy

#1d54d5 Protanomaly 1% of men, 0.01% of women
#1d58c4 Deuteranomaly 6% of men, 0.4% of women
#1d5da5 Tritanomaly 0.01% of the population

#523af5 hex color

#523af5 Color Information

#523af5 Color Conversion

Color Schemes with #523af5

Alternatives to #523af5

#523af5 Preview

Shades and Tints of #523af5

Tones of #523af5

Color Blindness Simulator