#524cf8 hex color

In a RGB color space, hex #524cf8 is composed of 32.2% red, 29.8% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 66.9% cyan, 69.4% magenta, 0% yellow and 2.7% black. It has a hue angle of 242.1 degrees, a saturation of 92.5% and a lightness of 63.5%. #524cf8 color hex could be obtained by blending #a498ff with #0000f1. Closest websafe color is: #6633ff.

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

● #524cf8 color description : Soft blue.

The hexadecimal color #524cf8 has RGB values of R:82, G:76, B:248 and CMYK values of C:0.67, M:0.69, Y:0, K:0.03. Its decimal value is 5393656.

Hex triplet	524cf8	`#524cf8`
RGB Decimal	82, 76, 248	`rgb(82,76,248)`
RGB Percent	32.2, 29.8, 97.3	`rgb(32.2%,29.8%,97.3%)`
CMYK	67, 69, 0, 3
HSL	242.1°, 92.5, 63.5	`hsl(242.1,92.5%,63.5%)`
HSV (or HSB)	242.1°, 69.4, 97.3
Web Safe	6633ff	`#6633ff`

CIE-LAB	43.856, 53.596, -84.665
XYZ	23.004, 13.739, 90.241
xyY	0.181, 0.108, 13.739
CIE-LCH	43.856, 100.203, 302.335
CIE-LUV	43.856, -7.832, -125.966
Hunter-Lab	37.066, 45.916, -118.402
Binary	01010010, 01001100, 11111000

#524cf8
```
#524cf8 rgb(82,76,248)
```
#f2f84c
```
#f2f84c rgb(242,248,76)
```

Complementary Color

#4c9cf8
```
#4c9cf8 rgb(76,156,248)
```
#524cf8
```
#524cf8 rgb(82,76,248)
```
#a84cf8
```
#a84cf8 rgb(168,76,248)
```

Analogous Color

#9cf84c
```
#9cf84c rgb(156,248,76)
```
#524cf8
```
#524cf8 rgb(82,76,248)
```
#f8a84c
```
#f8a84c rgb(248,168,76)
```

Split Complementary Color

#4cf852
```
#4cf852 rgb(76,248,82)
```
#524cf8
```
#524cf8 rgb(82,76,248)
```
#f8524c
```
#f8524c rgb(248,82,76)
```

Triadic Color

#4cf2f8
```
#4cf2f8 rgb(76,242,248)
```
#524cf8
```
#524cf8 rgb(82,76,248)
```
#f8524c
```
#f8524c rgb(248,82,76)
```
#f2f84c
```
#f2f84c rgb(242,248,76)
```

Tetradic Color

#1109ee
```
#1109ee rgb(17,9,238)
```
#231bf6
```
#231bf6 rgb(35,27,246)
```
#3a33f7
```
#3a33f7 rgb(58,51,247)
```
#524cf8
```
#524cf8 rgb(82,76,248)
```
#6a65f9
```
#6a65f9 rgb(106,101,249)
```
#817dfa
```
#817dfa rgb(129,125,250)
```
#9996fb
```
#9996fb rgb(153,150,251)
```

Monochromatic Color

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

#4c71f8
```
#4c71f8 rgb(76,113,248)
```
#4c63f8
```
#4c63f8 rgb(76,99,248)
```
#4c54f8
```
#4c54f8 rgb(76,84,248)
```
#524cf8
```
#524cf8 rgb(82,76,248)
```
#604cf8
```
#604cf8 rgb(96,76,248)
```
#6f4cf8
```
#6f4cf8 rgb(111,76,248)
```
#7d4cf8
```
#7d4cf8 rgb(125,76,248)
```

Similar Colors

Text with hexadecimal color #524cf8

This text has a font color of #524cf8.

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

#524cf8 background color

This paragraph has a background color of #524cf8.

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

#524cf8 border color

This element has a border color of #524cf8.

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

CSS codes

.text {color:#524cf8;}

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

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

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, #01000a is the darkest color, while #f6f6ff is the lightest one.

#01000a
```
#01000a rgb(1,0,10)
```
#02011d
```
#02011d rgb(2,1,29)
```
#030230
```
#030230 rgb(3,2,48)
```
#050342
```
#050342 rgb(5,3,66)
```
#060355
```
#060355 rgb(6,3,85)
```
#080468
```
#080468 rgb(8,4,104)
```
#09057b
```
#09057b rgb(9,5,123)
```
#0a068e
```
#0a068e rgb(10,6,142)
```
#0c06a1
```
#0c06a1 rgb(12,6,161)
```
#0d07b4
```
#0d07b4 rgb(13,7,180)
```
#0e08c7
```
#0e08c7 rgb(14,8,199)
```
#1009d9
```
#1009d9 rgb(16,9,217)
```
#1109ec
```
#1109ec rgb(17,9,236)
```

Shade Color Variation

#1b13f6
```
#1b13f6 rgb(27,19,246)
```
#2e26f7
```
#2e26f7 rgb(46,38,247)
```
#4039f7
```
#4039f7 rgb(64,57,247)
```
#524cf8
```
#524cf8 rgb(82,76,248)
```
#645ff9
```
#645ff9 rgb(100,95,249)
```
#7672f9
```
#7672f9 rgb(118,114,249)
```
#8985fa
```
#8985fa rgb(137,133,250)
```
#9b98fb
```
#9b98fb rgb(155,152,251)
```
#adaafc
```
#adaafc rgb(173,170,252)
```
#bfbdfc
```
#bfbdfc rgb(191,189,252)
```
#d2d0fd
```
#d2d0fd rgb(210,208,253)
```
#e4e3fe
```
#e4e3fe rgb(228,227,254)
```
#f6f6ff
```
#f6f6ff rgb(246,246,255)
```

Tint Color Variation

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

#a2a2a2
```
#a2a2a2 rgb(162,162,162)
```
#9b9ba9
```
#9b9ba9 rgb(155,155,169)
```
#9594b0
```
#9594b0 rgb(149,148,176)
```
#8e8cb8
```
#8e8cb8 rgb(142,140,184)
```
#8785bf
```
#8785bf rgb(135,133,191)
```
#817ec6
```
#817ec6 rgb(129,126,198)
```
#7a77cd
```
#7a77cd rgb(122,119,205)
```
#7370d4
```
#7370d4 rgb(115,112,212)
```
#6d69db
```
#6d69db rgb(109,105,219)
```
#6661e3
```
#6661e3 rgb(102,97,227)
```
#5f5aea
```
#5f5aea rgb(95,90,234)
```
#5953f1
```
#5953f1 rgb(89,83,241)
```
#524cf8
```
#524cf8 rgb(82,76,248)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#5e5d7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd2 Protanopia 1% of men
#0072b7 Deuteranopia 1% of men
#007a81 Tritanopia 0.001% of the population

Trichromacy

#1d60e0 Protanomaly 1% of men, 0.01% of women
#1d64ce Deuteranomaly 6% of men, 0.4% of women
#1d69ac Tritanomaly 0.01% of the population

#524cf8 hex color

#524cf8 Color Information

#524cf8 Color Conversion

Color Schemes with #524cf8

Alternatives to #524cf8

#524cf8 Preview

Shades and Tints of #524cf8

Tones of #524cf8

Color Blindness Simulator