#529ef2 hex color

In a RGB color space, hex #529ef2 is composed of 32.2% red, 62% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 66.1% cyan, 34.7% magenta, 0% yellow and 5.1% black. It has a hue angle of 211.5 degrees, a saturation of 86% and a lightness of 63.5%. #529ef2 color hex could be obtained by blending #a4ffff with #003de5. Closest websafe color is: #6699ff.

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

● #529ef2 color description : Soft blue.

The hexadecimal color #529ef2 has RGB values of R:82, G:158, B:242 and CMYK values of C:0.66, M:0.35, Y:0, K:0.05. Its decimal value is 5414642.

Hex triplet	529ef2	`#529ef2`
RGB Decimal	82, 158, 242	`rgb(82,158,242)`
RGB Percent	32.2, 62, 94.9	`rgb(32.2%,62%,94.9%)`
CMYK	66, 35, 0, 5
HSL	211.5°, 86, 63.5	`hsl(211.5,86%,63.5%)`
HSV (or HSB)	211.5°, 66.1, 94.9
Web Safe	6699ff	`#6699ff`

CIE-LAB	63.881, 2.537, -49.014
XYZ	31.73, 32.656, 88.631
xyY	0.207, 0.213, 32.656
CIE-LCH	63.881, 49.079, 272.963
CIE-LUV	63.881, -30.449, -78.982
Hunter-Lab	57.146, -0.893, -51.955
Binary	01010010, 10011110, 11110010

#529ef2
```
#529ef2 rgb(82,158,242)
```
#f2a652
```
#f2a652 rgb(242,166,82)
```

Complementary Color

#52eef2
```
#52eef2 rgb(82,238,242)
```
#529ef2
```
#529ef2 rgb(82,158,242)
```
#5652f2
```
#5652f2 rgb(86,82,242)
```

Analogous Color

#eef252
```
#eef252 rgb(238,242,82)
```
#529ef2
```
#529ef2 rgb(82,158,242)
```
#f25652
```
#f25652 rgb(242,86,82)
```

Split Complementary Color

#9ef252
```
#9ef252 rgb(158,242,82)
```
#529ef2
```
#529ef2 rgb(82,158,242)
```
#f2529e
```
#f2529e rgb(242,82,158)
```

Triadic Color

#52f2a6
```
#52f2a6 rgb(82,242,166)
```
#529ef2
```
#529ef2 rgb(82,158,242)
```
#f2529e
```
#f2529e rgb(242,82,158)
```
#f2a652
```
#f2a652 rgb(242,166,82)
```

Tetradic Color

#1176e6
```
#1176e6 rgb(17,118,230)
```
#2383ee
```
#2383ee rgb(35,131,238)
```
#3a91f0
```
#3a91f0 rgb(58,145,240)
```
#529ef2
```
#529ef2 rgb(82,158,242)
```
#6aabf4
```
#6aabf4 rgb(106,171,244)
```
#81b9f6
```
#81b9f6 rgb(129,185,246)
```
#99c6f7
```
#99c6f7 rgb(153,198,247)
```

Monochromatic Color

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

#52c6f2
```
#52c6f2 rgb(82,198,242)
```
#52b9f2
```
#52b9f2 rgb(82,185,242)
```
#52abf2
```
#52abf2 rgb(82,171,242)
```
#529ef2
```
#529ef2 rgb(82,158,242)
```
#5291f2
```
#5291f2 rgb(82,145,242)
```
#5283f2
```
#5283f2 rgb(82,131,242)
```
#5276f2
```
#5276f2 rgb(82,118,242)
```

Similar Colors

Text with hexadecimal color #529ef2

This text has a font color of #529ef2.

<span style="color:#529ef2;">Text here</span>

#529ef2 background color

This paragraph has a background color of #529ef2.

<p style="background-color:#529ef2;">Content here</p>

#529ef2 border color

This element has a border color of #529ef2.

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

CSS codes

.text {color:#529ef2;}

.background {background-color:#529ef2;}

.border {border:1px solid #529ef2;}

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

#010509
```
#010509 rgb(1,5,9)
```
#020e1c
```
#020e1c rgb(2,14,28)
```
#03182e
```
#03182e rgb(3,24,46)
```
#052140
```
#052140 rgb(5,33,64)
```
#062a52
```
#062a52 rgb(6,42,82)
```
#083465
```
#083465 rgb(8,52,101)
```
#093d77
```
#093d77 rgb(9,61,119)
```
#0a4789
```
#0a4789 rgb(10,71,137)
```
#0c509b
```
#0c509b rgb(12,80,155)
```
#0d59ae
```
#0d59ae rgb(13,89,174)
```
#0e63c0
```
#0e63c0 rgb(14,99,192)
```
#106cd2
```
#106cd2 rgb(16,108,210)
```
#1175e4
```
#1175e4 rgb(17,117,228)
```

Shade Color Variation

#1b7fee
```
#1b7fee rgb(27,127,238)
```
#2e8aef
```
#2e8aef rgb(46,138,239)
```
#4094f1
```
#4094f1 rgb(64,148,241)
```
#529ef2
```
#529ef2 rgb(82,158,242)
```
#64a8f3
```
#64a8f3 rgb(100,168,243)
```
#76b2f5
```
#76b2f5 rgb(118,178,245)
```
#89bdf6
```
#89bdf6 rgb(137,189,246)
```
#9bc7f7
```
#9bc7f7 rgb(155,199,247)
```
#add1f9
```
#add1f9 rgb(173,209,249)
```
#bfdbfa
```
#bfdbfa rgb(191,219,250)
```
#d2e6fc
```
#d2e6fc rgb(210,230,252)
```
#e4f0fd
```
#e4f0fd rgb(228,240,253)
```
#f6fafe
```
#f6fafe rgb(246,250,254)
```

Tint Color Variation

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

#a1a2a3
```
#a1a2a3 rgb(161,162,163)
```
#9aa2aa
```
#9aa2aa rgb(154,162,170)
```
#92a1b2
```
#92a1b2 rgb(146,161,178)
```
#8ba1b9
```
#8ba1b9 rgb(139,161,185)
```
#84a1c0
```
#84a1c0 rgb(132,161,192)
```
#7da0c7
```
#7da0c7 rgb(125,160,199)
```
#76a0ce
```
#76a0ce rgb(118,160,206)
```
#6f9fd5
```
#6f9fd5 rgb(111,159,213)
```
#679fdd
```
#679fdd rgb(103,159,221)
```
#609fe4
```
#609fe4 rgb(96,159,228)
```
#599eeb
```
#599eeb rgb(89,158,235)
```
#529ef2
```
#529ef2 rgb(82,158,242)
```
#4b9ef9
```
#4b9ef9 rgb(75,158,249)
```

Tone Color Variation

Below, you can see how #529ef2 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

#919191 Achromatopsia 0.005% of the population
#8494a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#809dee Protanopia 1% of men
#6ba0f3 Deuteranopia 1% of men
#29aebb Tritanopia 0.001% of the population

Trichromacy

#6f9def Protanomaly 1% of men, 0.01% of women
#629ff3 Deuteranomaly 6% of men, 0.4% of women
#38a8cf Tritanomaly 0.01% of the population

#529ef2 hex color

#529ef2 Color Information

#529ef2 Color Conversion

Color Schemes with #529ef2

Alternatives to #529ef2

#529ef2 Preview

Shades and Tints of #529ef2

Tones of #529ef2

Color Blindness Simulator