#526af3 hex color

In a RGB color space, hex #526af3 is composed of 32.2% red, 41.6% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 66.3% cyan, 56.4% magenta, 0% yellow and 4.7% black. It has a hue angle of 231.1 degrees, a saturation of 87% and a lightness of 63.7%. #526af3 color hex could be obtained by blending #a4d4ff with #0000e7. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 32
- G 42
- B 95
RGB color chart
- C 66
- M 56
- Y 0
- K 5
CMYK color chart

● #526af3 color description : Soft blue.

The hexadecimal color #526af3 has RGB values of R:82, G:106, B:243 and CMYK values of C:0.66, M:0.56, Y:0, K:0.05. Its decimal value is 5401331.

Hex triplet	526af3	`#526af3`
RGB Decimal	82, 106, 243	`rgb(82,106,243)`
RGB Percent	32.2, 41.6, 95.3	`rgb(32.2%,41.6%,95.3%)`
CMYK	66, 56, 0, 5
HSL	231.1°, 87, 63.7	`hsl(231.1,87%,63.7%)`
HSV (or HSB)	231.1°, 66.3, 95.3
Web Safe	6666ff	`#6666ff`

CIE-LAB	50.182, 34.269, -71.528
XYZ	24.808, 18.572, 87.066
xyY	0.19, 0.142, 18.572
CIE-LCH	50.182, 79.314, 295.599
CIE-LUV	50.182, -14.402, -112.394
Hunter-Lab	43.095, 27.34, -89.62
Binary	01010010, 01101010, 11110011

#526af3
```
#526af3 rgb(82,106,243)
```
#f3db52
```
#f3db52 rgb(243,219,82)
```

Complementary Color

#52bbf3
```
#52bbf3 rgb(82,187,243)
```
#526af3
```
#526af3 rgb(82,106,243)
```
#8b52f3
```
#8b52f3 rgb(139,82,243)
```

Analogous Color

#bbf352
```
#bbf352 rgb(187,243,82)
```
#526af3
```
#526af3 rgb(82,106,243)
```
#f38b52
```
#f38b52 rgb(243,139,82)
```

Split Complementary Color

#6af352
```
#6af352 rgb(106,243,82)
```
#526af3
```
#526af3 rgb(82,106,243)
```
#f3526a
```
#f3526a rgb(243,82,106)
```

Triadic Color

#52f3db
```
#52f3db rgb(82,243,219)
```
#526af3
```
#526af3 rgb(82,106,243)
```
#f3526a
```
#f3526a rgb(243,82,106)
```
#f3db52
```
#f3db52 rgb(243,219,82)
```

Tetradic Color

#1030e8
```
#1030e8 rgb(16,48,232)
```
#2241f0
```
#2241f0 rgb(34,65,240)
```
#3a55f1
```
#3a55f1 rgb(58,85,241)
```
#526af3
```
#526af3 rgb(82,106,243)
```
#6a7ff5
```
#6a7ff5 rgb(106,127,245)
```
#8293f6
```
#8293f6 rgb(130,147,246)
```
#9aa8f8
```
#9aa8f8 rgb(154,168,248)
```

Monochromatic Color

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

#5292f3
```
#5292f3 rgb(82,146,243)
```
#5285f3
```
#5285f3 rgb(82,133,243)
```
#5277f3
```
#5277f3 rgb(82,119,243)
```
#526af3
```
#526af3 rgb(82,106,243)
```
#525df3
```
#525df3 rgb(82,93,243)
```
#5552f3
```
#5552f3 rgb(85,82,243)
```
#6252f3
```
#6252f3 rgb(98,82,243)
```

Similar Colors

Text with hexadecimal color #526af3

This text has a font color of #526af3.

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

#526af3 background color

This paragraph has a background color of #526af3.

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

#526af3 border color

This element has a border color of #526af3.

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

CSS codes

.text {color:#526af3;}

.background {background-color:#526af3;}

.border {border:1px solid #526af3;}

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

#01020a
```
#01020a rgb(1,2,10)
```
#02061d
```
#02061d rgb(2,6,29)
```
#030a2f
```
#030a2f rgb(3,10,47)
```
#050e41
```
#050e41 rgb(5,14,65)
```
#061154
```
#061154 rgb(6,17,84)
```
#071566
```
#071566 rgb(7,21,102)
```
#081978
```
#081978 rgb(8,25,120)
```
#0a1d8b
```
#0a1d8b rgb(10,29,139)
```
#0b219d
```
#0b219d rgb(11,33,157)
```
#0c25b0
```
#0c25b0 rgb(12,37,176)
```
#0d28c2
```
#0d28c2 rgb(13,40,194)
```
#0f2cd4
```
#0f2cd4 rgb(15,44,212)
```
#1030e7
```
#1030e7 rgb(16,48,231)
```

Shade Color Variation

#1b3bef
```
#1b3bef rgb(27,59,239)
```
#2d4af0
```
#2d4af0 rgb(45,74,240)
```
#405af2
```
#405af2 rgb(64,90,242)
```
#526af3
```
#526af3 rgb(82,106,243)
```
#647af4
```
#647af4 rgb(100,122,244)
```
#778af6
```
#778af6 rgb(119,138,246)
```
#8999f7
```
#8999f7 rgb(137,153,247)
```
#9ba9f8
```
#9ba9f8 rgb(155,169,248)
```
#aeb9f9
```
#aeb9f9 rgb(174,185,249)
```
#c0c9fb
```
#c0c9fb rgb(192,201,251)
```
#d2d9fc
```
#d2d9fc rgb(210,217,252)
```
#e5e8fd
```
#e5e8fd rgb(229,232,253)
```
#f7f8fe
```
#f7f8fe rgb(247,248,254)
```

Tint Color Variation

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

#a0a1a5
```
#a0a1a5 rgb(160,161,165)
```
#999cac
```
#999cac rgb(153,156,172)
```
#9297b3
```
#9297b3 rgb(146,151,179)
```
#8b92ba
```
#8b92ba rgb(139,146,186)
```
#848dc1
```
#848dc1 rgb(132,141,193)
```
#7d88c8
```
#7d88c8 rgb(125,136,200)
```
#7683cf
```
#7683cf rgb(118,131,207)
```
#6e7ed7
```
#6e7ed7 rgb(110,126,215)
```
#6779de
```
#6779de rgb(103,121,222)
```
#6074e5
```
#6074e5 rgb(96,116,229)
```
#596fec
```
#596fec rgb(89,111,236)
```
#526af3
```
#526af3 rgb(82,106,243)
```
#4b65fa
```
#4b65fa rgb(75,101,250)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#6c708c Atypical Achromatopsia 0.001% of the population

Dichromacy

#007af0 Protanopia 1% of men
#0081d2 Deuteranopia 1% of men
#008a94 Tritanopia 0.001% of the population

Trichromacy

#1d74f1 Protanomaly 1% of men, 0.01% of women
#1d78de Deuteranomaly 6% of men, 0.4% of women
#1d7eb6 Tritanomaly 0.01% of the population

#526af3 hex color

#526af3 Color Information

#526af3 Color Conversion

Color Schemes with #526af3

Alternatives to #526af3

#526af3 Preview

Shades and Tints of #526af3

Tones of #526af3

Color Blindness Simulator