#527af0 hex color

In a RGB color space, hex #527af0 is composed of 32.2% red, 47.8% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 65.8% cyan, 49.2% magenta, 0% yellow and 5.9% black. It has a hue angle of 224.8 degrees, a saturation of 84% and a lightness of 63.1%. #527af0 color hex could be obtained by blending #a4f4ff with #0000e1. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 32
- G 48
- B 94
RGB color chart
- C 66
- M 49
- Y 0
- K 6
CMYK color chart

● #527af0 color description : Soft blue.

The hexadecimal color #527af0 has RGB values of R:82, G:122, B:240 and CMYK values of C:0.66, M:0.49, Y:0, K:0.06. Its decimal value is 5405424.

Hex triplet	527af0	`#527af0`
RGB Decimal	82, 122, 240	`rgb(82,122,240)`
RGB Percent	32.2, 47.8, 94.1	`rgb(32.2%,47.8%,94.1%)`
CMYK	66, 49, 0, 6
HSL	224.8°, 84, 63.1	`hsl(224.8,84%,63.1%)`
HSV (or HSB)	224.8°, 65.8, 94.1
Web Safe	6666ff	`#6666ff`

CIE-LAB	54.03, 23.404, -63.631
XYZ	26.164, 22.003, 85.301
xyY	0.196, 0.165, 22.003
CIE-LCH	54.03, 67.799, 290.194
CIE-LUV	54.03, -18.868, -101.723
Hunter-Lab	46.907, 17.478, -74.986
Binary	01010010, 01111010, 11110000

#527af0
```
#527af0 rgb(82,122,240)
```
#f0c852
```
#f0c852 rgb(240,200,82)
```

Complementary Color

#52c9f0
```
#52c9f0 rgb(82,201,240)
```
#527af0
```
#527af0 rgb(82,122,240)
```
#7952f0
```
#7952f0 rgb(121,82,240)
```

Analogous Color

#c9f052
```
#c9f052 rgb(201,240,82)
```
#527af0
```
#527af0 rgb(82,122,240)
```
#f07952
```
#f07952 rgb(240,121,82)
```

Split Complementary Color

#7af052
```
#7af052 rgb(122,240,82)
```
#527af0
```
#527af0 rgb(82,122,240)
```
#f0527a
```
#f0527a rgb(240,82,122)
```

Triadic Color

#52f0c8
```
#52f0c8 rgb(82,240,200)
```
#527af0
```
#527af0 rgb(82,122,240)
```
#f0527a
```
#f0527a rgb(240,82,122)
```
#f0c852
```
#f0c852 rgb(240,200,82)
```

Tetradic Color

#1448e2
```
#1448e2 rgb(20,72,226)
```
#2356ec
```
#2356ec rgb(35,86,236)
```
#3b68ee
```
#3b68ee rgb(59,104,238)
```
#527af0
```
#527af0 rgb(82,122,240)
```
#698cf2
```
#698cf2 rgb(105,140,242)
```
#819ef4
```
#819ef4 rgb(129,158,244)
```
#98b0f6
```
#98b0f6 rgb(152,176,246)
```

Monochromatic Color

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

#52a2f0
```
#52a2f0 rgb(82,162,240)
```
#5294f0
```
#5294f0 rgb(82,148,240)
```
#5287f0
```
#5287f0 rgb(82,135,240)
```
#527af0
```
#527af0 rgb(82,122,240)
```
#526df0
```
#526df0 rgb(82,109,240)
```
#5260f0
```
#5260f0 rgb(82,96,240)
```
#5253f0
```
#5253f0 rgb(82,83,240)
```

Similar Colors

Text with hexadecimal color #527af0

This text has a font color of #527af0.

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

#527af0 background color

This paragraph has a background color of #527af0.

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

#527af0 border color

This element has a border color of #527af0.

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

CSS codes

.text {color:#527af0;}

.background {background-color:#527af0;}

.border {border:1px solid #527af0;}

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

#010208
```
#010208 rgb(1,2,8)
```
#02081a
```
#02081a rgb(2,8,26)
```
#040e2c
```
#040e2c rgb(4,14,44)
```
#05143e
```
#05143e rgb(5,20,62)
```
#071950
```
#071950 rgb(7,25,80)
```
#081f62
```
#081f62 rgb(8,31,98)
```
#0a2574
```
#0a2574 rgb(10,37,116)
```
#0c2b86
```
#0c2b86 rgb(12,43,134)
```
#0d3098
```
#0d3098 rgb(13,48,152)
```
#0f36aa
```
#0f36aa rgb(15,54,170)
```
#103cbc
```
#103cbc rgb(16,60,188)
```
#1242ce
```
#1242ce rgb(18,66,206)
```
#1347e0
```
#1347e0 rgb(19,71,224)
```

Shade Color Variation

#1c50eb
```
#1c50eb rgb(28,80,235)
```
#2e5eed
```
#2e5eed rgb(46,94,237)
```
#406cee
```
#406cee rgb(64,108,238)
```
#527af0
```
#527af0 rgb(82,122,240)
```
#6488f2
```
#6488f2 rgb(100,136,242)
```
#7696f3
```
#7696f3 rgb(118,150,243)
```
#88a4f5
```
#88a4f5 rgb(136,164,245)
```
#9ab2f6
```
#9ab2f6 rgb(154,178,246)
```
#acbff8
```
#acbff8 rgb(172,191,248)
```
#becdf9
```
#becdf9 rgb(190,205,249)
```
#d0dbfb
```
#d0dbfb rgb(208,219,251)
```
#e2e9fd
```
#e2e9fd rgb(226,233,253)
```
#f4f7fe
```
#f4f7fe rgb(244,247,254)
```

Tint Color Variation

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

#9a9ea8
```
#9a9ea8 rgb(154,158,168)
```
#939aaf
```
#939aaf rgb(147,154,175)
```
#8c97b6
```
#8c97b6 rgb(140,151,182)
```
#8593bd
```
#8593bd rgb(133,147,189)
```
#7d8fc5
```
#7d8fc5 rgb(125,143,197)
```
#768ccc
```
#768ccc rgb(118,140,204)
```
#6f88d3
```
#6f88d3 rgb(111,136,211)
```
#6885da
```
#6885da rgb(104,133,218)
```
#6081e2
```
#6081e2 rgb(96,129,226)
```
#597ee9
```
#597ee9 rgb(89,126,233)
```
#527af0
```
#527af0 rgb(82,122,240)
```
#4b76f7
```
#4b76f7 rgb(75,118,247)
```
#4473fe
```
#4473fe rgb(68,115,254)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#737b92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4184f3 Protanopia 1% of men
#008ae4 Deuteranopia 1% of men
#00949f Tritanopia 0.001% of the population

Trichromacy

#4780f2 Protanomaly 1% of men, 0.01% of women
#1d84e8 Deuteranomaly 6% of men, 0.4% of women
#1d8bbc Tritanomaly 0.01% of the population

#527af0 hex color

#527af0 Color Information

#527af0 Color Conversion

Color Schemes with #527af0

Alternatives to #527af0

#527af0 Preview

Shades and Tints of #527af0

Tones of #527af0

Color Blindness Simulator