#528af2 hex color

In a RGB color space, hex #528af2 is composed of 32.2% red, 54.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 66.1% cyan, 43% magenta, 0% yellow and 5.1% black. It has a hue angle of 219 degrees, a saturation of 86% and a lightness of 63.5%. #528af2 color hex could be obtained by blending #a4ffff with #0015e5. Closest websafe color is: #6699ff.

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

● #528af2 color description : Soft blue.

The hexadecimal color #528af2 has RGB values of R:82, G:138, B:242 and CMYK values of C:0.66, M:0.43, Y:0, K:0.05. Its decimal value is 5409522.

Hex triplet	528af2	`#528af2`
RGB Decimal	82, 138, 242	`rgb(82,138,242)`
RGB Percent	32.2, 54.1, 94.9	`rgb(32.2%,54.1%,94.9%)`
CMYK	66, 43, 0, 5
HSL	219°, 86, 63.5	`hsl(219,86%,63.5%)`
HSV (or HSB)	219°, 66.1, 94.9
Web Safe	6699ff	`#6699ff`

CIE-LAB	58.396, 14.348, -57.734
XYZ	28.592, 26.38, 87.585
xyY	0.201, 0.185, 26.38
CIE-LCH	58.396, 59.49, 283.957
CIE-LUV	58.396, -23.82, -93.201
Hunter-Lab	51.361, 9.485, -65.152
Binary	01010010, 10001010, 11110010

#528af2
```
#528af2 rgb(82,138,242)
```
#f2ba52
```
#f2ba52 rgb(242,186,82)
```

Complementary Color

#52daf2
```
#52daf2 rgb(82,218,242)
```
#528af2
```
#528af2 rgb(82,138,242)
```
#6a52f2
```
#6a52f2 rgb(106,82,242)
```

Analogous Color

#daf252
```
#daf252 rgb(218,242,82)
```
#528af2
```
#528af2 rgb(82,138,242)
```
#f26a52
```
#f26a52 rgb(242,106,82)
```

Split Complementary Color

#8af252
```
#8af252 rgb(138,242,82)
```
#528af2
```
#528af2 rgb(82,138,242)
```
#f2528a
```
#f2528a rgb(242,82,138)
```

Triadic Color

#52f2ba
```
#52f2ba rgb(82,242,186)
```
#528af2
```
#528af2 rgb(82,138,242)
```
#f2528a
```
#f2528a rgb(242,82,138)
```
#f2ba52
```
#f2ba52 rgb(242,186,82)
```

Tetradic Color

#115ce6
```
#115ce6 rgb(17,92,230)
```
#236aee
```
#236aee rgb(35,106,238)
```
#3a7af0
```
#3a7af0 rgb(58,122,240)
```
#528af2
```
#528af2 rgb(82,138,242)
```
#6a9af4
```
#6a9af4 rgb(106,154,244)
```
#81aaf6
```
#81aaf6 rgb(129,170,246)
```
#99baf7
```
#99baf7 rgb(153,186,247)
```

Monochromatic Color

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

#52b2f2
```
#52b2f2 rgb(82,178,242)
```
#52a5f2
```
#52a5f2 rgb(82,165,242)
```
#5297f2
```
#5297f2 rgb(82,151,242)
```
#528af2
```
#528af2 rgb(82,138,242)
```
#527df2
```
#527df2 rgb(82,125,242)
```
#526ff2
```
#526ff2 rgb(82,111,242)
```
#5262f2
```
#5262f2 rgb(82,98,242)
```

Similar Colors

Text with hexadecimal color #528af2

This text has a font color of #528af2.

<span style="color:#528af2;">Text here</span>

#528af2 background color

This paragraph has a background color of #528af2.

<p style="background-color:#528af2;">Content here</p>

#528af2 border color

This element has a border color of #528af2.

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

CSS codes

.text {color:#528af2;}

.background {background-color:#528af2;}

.border {border:1px solid #528af2;}

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

#010409
```
#010409 rgb(1,4,9)
```
#020b1c
```
#020b1c rgb(2,11,28)
```
#03122e
```
#03122e rgb(3,18,46)
```
#051a40
```
#051a40 rgb(5,26,64)
```
#062152
```
#062152 rgb(6,33,82)
```
#082865
```
#082865 rgb(8,40,101)
```
#092f77
```
#092f77 rgb(9,47,119)
```
#0a3789
```
#0a3789 rgb(10,55,137)
```
#0c3e9b
```
#0c3e9b rgb(12,62,155)
```
#0d45ae
```
#0d45ae rgb(13,69,174)
```
#0e4dc0
```
#0e4dc0 rgb(14,77,192)
```
#1054d2
```
#1054d2 rgb(16,84,210)
```
#115be4
```
#115be4 rgb(17,91,228)
```

Shade Color Variation

#1b65ee
```
#1b65ee rgb(27,101,238)
```
#2e71ef
```
#2e71ef rgb(46,113,239)
```
#407ef1
```
#407ef1 rgb(64,126,241)
```
#528af2
```
#528af2 rgb(82,138,242)
```
#6496f3
```
#6496f3 rgb(100,150,243)
```
#76a3f5
```
#76a3f5 rgb(118,163,245)
```
#89aff6
```
#89aff6 rgb(137,175,246)
```
#9bbbf7
```
#9bbbf7 rgb(155,187,247)
```
#adc8f9
```
#adc8f9 rgb(173,200,249)
```
#bfd4fa
```
#bfd4fa rgb(191,212,250)
```
#d2e0fc
```
#d2e0fc rgb(210,224,252)
```
#e4edfd
```
#e4edfd rgb(228,237,253)
```
#f6f9fe
```
#f6f9fe rgb(246,249,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 #4b88f9 is the most saturated one.

#a1a2a3
```
#a1a2a3 rgb(161,162,163)
```
#9a9faa
```
#9a9faa rgb(154,159,170)
```
#929db2
```
#929db2 rgb(146,157,178)
```
#8b9bb9
```
#8b9bb9 rgb(139,155,185)
```
#8499c0
```
#8499c0 rgb(132,153,192)
```
#7d97c7
```
#7d97c7 rgb(125,151,199)
```
#7695ce
```
#7695ce rgb(118,149,206)
```
#6f93d5
```
#6f93d5 rgb(111,147,213)
```
#6790dd
```
#6790dd rgb(103,144,221)
```
#608ee4
```
#608ee4 rgb(96,142,228)
```
#598ceb
```
#598ceb rgb(89,140,235)
```
#528af2
```
#528af2 rgb(82,138,242)
```
#4b88f9
```
#4b88f9 rgb(75,136,249)
```

Tone Color Variation

Below, you can see how #528af2 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

#858585 Achromatopsia 0.005% of the population
#7b869b Atypical Achromatopsia 0.001% of the population

Dichromacy

#618ff1 Protanopia 1% of men
#3c94f0 Deuteranopia 1% of men
#00a0ac Tritanopia 0.001% of the population

Trichromacy

#5b8df1 Protanomaly 1% of men, 0.01% of women
#4490f1 Deuteranomaly 6% of men, 0.4% of women
#1d98c5 Tritanomaly 0.01% of the population

#528af2 hex color

#528af2 Color Information

#528af2 Color Conversion

Color Schemes with #528af2

Alternatives to #528af2

#528af2 Preview

Shades and Tints of #528af2

Tones of #528af2

Color Blindness Simulator