#524af8 hex color

In a RGB color space, hex #524af8 is composed of 32.2% red, 29% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 66.9% cyan, 70.2% magenta, 0% yellow and 2.7% black. It has a hue angle of 242.8 degrees, a saturation of 92.6% and a lightness of 63.1%. #524af8 color hex could be obtained by blending #a494ff with #0000f1. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 32
- G 29
- B 97
RGB color chart
- C 67
- M 70
- Y 0
- K 3
CMYK color chart

● #524af8 color description : Bright blue.

The hexadecimal color #524af8 has RGB values of R:82, G:74, B:248 and CMYK values of C:0.67, M:0.7, Y:0, K:0.03. Its decimal value is 5393144.

Hex triplet	524af8	`#524af8`
RGB Decimal	82, 74, 248	`rgb(82,74,248)`
RGB Percent	32.2, 29, 97.3	`rgb(32.2%,29%,97.3%)`
CMYK	67, 70, 0, 3
HSL	242.8°, 92.6, 63.1	`hsl(242.8,92.6%,63.1%)`
HSV (or HSB)	242.8°, 70.2, 97.3
Web Safe	6633ff	`#6633ff`

CIE-LAB	43.459, 54.692, -85.317
XYZ	22.868, 13.468, 90.196
xyY	0.181, 0.106, 13.468
CIE-LCH	43.459, 101.342, 302.662
CIE-LUV	43.459, -7.469, -126.387
Hunter-Lab	36.698, 47.01, -120.033
Binary	01010010, 01001010, 11111000

#524af8
```
#524af8 rgb(82,74,248)
```
#f0f84a
```
#f0f84a rgb(240,248,74)
```

Complementary Color

#4a99f8
```
#4a99f8 rgb(74,153,248)
```
#524af8
```
#524af8 rgb(82,74,248)
```
#a94af8
```
#a94af8 rgb(169,74,248)
```

Analogous Color

#99f84a
```
#99f84a rgb(153,248,74)
```
#524af8
```
#524af8 rgb(82,74,248)
```
#f8a94a
```
#f8a94a rgb(248,169,74)
```

Split Complementary Color

#4af852
```
#4af852 rgb(74,248,82)
```
#524af8
```
#524af8 rgb(82,74,248)
```
#f8524a
```
#f8524a rgb(248,82,74)
```

Triadic Color

#4af0f8
```
#4af0f8 rgb(74,240,248)
```
#524af8
```
#524af8 rgb(82,74,248)
```
#f8524a
```
#f8524a rgb(248,82,74)
```
#f0f84a
```
#f0f84a rgb(240,248,74)
```

Tetradic Color

#1409ec
```
#1409ec rgb(20,9,236)
```
#2319f6
```
#2319f6 rgb(35,25,246)
```
#3b31f7
```
#3b31f7 rgb(59,49,247)
```
#524af8
```
#524af8 rgb(82,74,248)
```
#6963f9
```
#6963f9 rgb(105,99,249)
```
#817bfa
```
#817bfa rgb(129,123,250)
```
#9894fb
```
#9894fb rgb(152,148,251)
```

Monochromatic Color

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

#4a6ef8
```
#4a6ef8 rgb(74,110,248)
```
#4a5ff8
```
#4a5ff8 rgb(74,95,248)
```
#4a51f8
```
#4a51f8 rgb(74,81,248)
```
#524af8
```
#524af8 rgb(82,74,248)
```
#614af8
```
#614af8 rgb(97,74,248)
```
#6f4af8
```
#6f4af8 rgb(111,74,248)
```
#7e4af8
```
#7e4af8 rgb(126,74,248)
```

Similar Colors

Text with hexadecimal color #524af8

This text has a font color of #524af8.

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

#524af8 background color

This paragraph has a background color of #524af8.

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

#524af8 border color

This element has a border color of #524af8.

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

CSS codes

.text {color:#524af8;}

.background {background-color:#524af8;}

.border {border:1px solid #524af8;}

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 #f4f4ff is the lightest one.

#010008
```
#010008 rgb(1,0,8)
```
#02011b
```
#02011b rgb(2,1,27)
```
#04022e
```
#04022e rgb(4,2,46)
```
#050241
```
#050241 rgb(5,2,65)
```
#070353
```
#070353 rgb(7,3,83)
```
#080466
```
#080466 rgb(8,4,102)
```
#0a0579
```
#0a0579 rgb(10,5,121)
```
#0c058c
```
#0c058c rgb(12,5,140)
```
#0d069f
```
#0d069f rgb(13,6,159)
```
#0f07b2
```
#0f07b2 rgb(15,7,178)
```
#1008c5
```
#1008c5 rgb(16,8,197)
```
#1208d8
```
#1208d8 rgb(18,8,216)
```
#1309ea
```
#1309ea rgb(19,9,234)
```

Shade Color Variation

#1c11f6
```
#1c11f6 rgb(28,17,246)
```
#2e24f7
```
#2e24f7 rgb(46,36,247)
```
#4037f7
```
#4037f7 rgb(64,55,247)
```
#524af8
```
#524af8 rgb(82,74,248)
```
#645df9
```
#645df9 rgb(100,93,249)
```
#7670f9
```
#7670f9 rgb(118,112,249)
```
#8883fa
```
#8883fa rgb(136,131,250)
```
#9a96fb
```
#9a96fb rgb(154,150,251)
```
#aca8fc
```
#aca8fc rgb(172,168,252)
```
#bebbfc
```
#bebbfc rgb(190,187,252)
```
#d0cefd
```
#d0cefd rgb(208,206,253)
```
#e2e1fe
```
#e2e1fe rgb(226,225,254)
```
#f4f4ff
```
#f4f4ff rgb(244,244,255)
```

Tint Color Variation

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

#a1a1a1
```
#a1a1a1 rgb(161,161,161)
```
#9a9aa8
```
#9a9aa8 rgb(154,154,168)
```
#9492b0
```
#9492b0 rgb(148,146,176)
```
#8d8bb7
```
#8d8bb7 rgb(141,139,183)
```
#8784be
```
#8784be rgb(135,132,190)
```
#807dc5
```
#807dc5 rgb(128,125,197)
```
#7975cd
```
#7975cd rgb(121,117,205)
```
#736ed4
```
#736ed4 rgb(115,110,212)
```
#6c67db
```
#6c67db rgb(108,103,219)
```
#6660e2
```
#6660e2 rgb(102,96,226)
```
#5f58ea
```
#5f58ea rgb(95,88,234)
```
#5951f1
```
#5951f1 rgb(89,81,241)
```
#524af8
```
#524af8 rgb(82,74,248)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#5d5c7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd1 Protanopia 1% of men
#0071b5 Deuteranopia 1% of men
#007980 Tritanopia 0.001% of the population

Trichromacy

#1d5fdf Protanomaly 1% of men, 0.01% of women
#1d63cd Deuteranomaly 6% of men, 0.4% of women
#1d68ac Tritanomaly 0.01% of the population

#524af8 hex color

#524af8 Color Information

#524af8 Color Conversion

Color Schemes with #524af8

Alternatives to #524af8

#524af8 Preview

Shades and Tints of #524af8

Tones of #524af8

Color Blindness Simulator