#528ac2 hex color

In a RGB color space, hex #528ac2 is composed of 32.2% red, 54.1% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 57.7% cyan, 28.9% magenta, 0% yellow and 23.9% black. It has a hue angle of 210 degrees, a saturation of 47.9% and a lightness of 54.1%. #528ac2 color hex could be obtained by blending #a4ffff with #001585. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 32
- G 54
- B 76
RGB color chart
- C 58
- M 29
- Y 0
- K 24
CMYK color chart

● #528ac2 color description : Moderate blue.

The hexadecimal color #528ac2 has RGB values of R:82, G:138, B:194 and CMYK values of C:0.58, M:0.29, Y:0, K:0.24. Its decimal value is 5409474.

Hex triplet	528ac2	`#528ac2`
RGB Decimal	82, 138, 194	`rgb(82,138,194)`
RGB Percent	32.2, 54.1, 76.1	`rgb(32.2%,54.1%,76.1%)`
CMYK	58, 29, 0, 24
HSL	210°, 47.9, 54.1	`hsl(210,47.9%,54.1%)`
HSV (or HSB)	210°, 57.7, 76.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	55.952, -1.737, -34.71
XYZ	22.303, 23.864, 54.467
xyY	0.222, 0.237, 23.864
CIE-LCH	55.952, 34.753, 267.135
CIE-LUV	55.952, -24.545, -53.303
Hunter-Lab	48.851, -3.994, -31.91
Binary	01010010, 10001010, 11000010

#528ac2
```
#528ac2 rgb(82,138,194)
```
#c28a52
```
#c28a52 rgb(194,138,82)
```

Complementary Color

#52c2c2
```
#52c2c2 rgb(82,194,194)
```
#528ac2
```
#528ac2 rgb(82,138,194)
```
#5252c2
```
#5252c2 rgb(82,82,194)
```

Analogous Color

#c2c252
```
#c2c252 rgb(194,194,82)
```
#528ac2
```
#528ac2 rgb(82,138,194)
```
#c25252
```
#c25252 rgb(194,82,82)
```

Split Complementary Color

#8ac252
```
#8ac252 rgb(138,194,82)
```
#528ac2
```
#528ac2 rgb(82,138,194)
```
#c2528a
```
#c2528a rgb(194,82,138)
```

Triadic Color

#52c28a
```
#52c28a rgb(82,194,138)
```
#528ac2
```
#528ac2 rgb(82,138,194)
```
#c2528a
```
#c2528a rgb(194,82,138)
```
#c28a52
```
#c28a52 rgb(194,138,82)
```

Tetradic Color

#346493
```
#346493 rgb(52,100,147)
```
#3b71a6
```
#3b71a6 rgb(59,113,166)
```
#417db9
```
#417db9 rgb(65,125,185)
```
#528ac2
```
#528ac2 rgb(82,138,194)
```
#6597c9
```
#6597c9 rgb(101,151,201)
```
#78a4cf
```
#78a4cf rgb(120,164,207)
```
#8bb0d6
```
#8bb0d6 rgb(139,176,214)
```

Monochromatic Color

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

#52a6c2
```
#52a6c2 rgb(82,166,194)
```
#529dc2
```
#529dc2 rgb(82,157,194)
```
#5293c2
```
#5293c2 rgb(82,147,194)
```
#528ac2
```
#528ac2 rgb(82,138,194)
```
#5281c2
```
#5281c2 rgb(82,129,194)
```
#5277c2
```
#5277c2 rgb(82,119,194)
```
#526ec2
```
#526ec2 rgb(82,110,194)
```

Similar Colors

Text with hexadecimal color #528ac2

This text has a font color of #528ac2.

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

#528ac2 background color

This paragraph has a background color of #528ac2.

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

#528ac2 border color

This element has a border color of #528ac2.

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

CSS codes

.text {color:#528ac2;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#050b10
```
#050b10 rgb(5,11,16)
```
#0b141e
```
#0b141e rgb(11,20,30)
```
#101e2d
```
#101e2d rgb(16,30,45)
```
#15283b
```
#15283b rgb(21,40,59)
```
#1a324a
```
#1a324a rgb(26,50,74)
```
#1f3c58
```
#1f3c58 rgb(31,60,88)
```
#244567
```
#244567 rgb(36,69,103)
```
#294f75
```
#294f75 rgb(41,79,117)
```
#2e5984
```
#2e5984 rgb(46,89,132)
```
#336392
```
#336392 rgb(51,99,146)
```
#396da1
```
#396da1 rgb(57,109,161)
```
#3e76af
```
#3e76af rgb(62,118,175)
```

Shade Color Variation

#4380bd
```
#4380bd rgb(67,128,189)
```
#528ac2
```
#528ac2 rgb(82,138,194)
```
#6194c7
```
#6194c7 rgb(97,148,199)
```
#6f9ecc
```
#6f9ecc rgb(111,158,204)
```
#7ea7d1
```
#7ea7d1 rgb(126,167,209)
```
#8cb1d6
```
#8cb1d6 rgb(140,177,214)
```
#9bbbdc
```
#9bbbdc rgb(155,187,220)
```
#a9c5e1
```
#a9c5e1 rgb(169,197,225)
```
#b8cfe6
```
#b8cfe6 rgb(184,207,230)
```
#c6d8eb
```
#c6d8eb rgb(198,216,235)
```
#d5e2f0
```
#d5e2f0 rgb(213,226,240)
```
#e3ecf5
```
#e3ecf5 rgb(227,236,245)
```
#f2f6fa
```
#f2f6fa rgb(242,246,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #888a8c is the less saturated color, while #1c8af8 is the most saturated one.

#888a8c
```
#888a8c rgb(136,138,140)
```
#7f8a95
```
#7f8a95 rgb(127,138,149)
```
#768a9e
```
#768a9e rgb(118,138,158)
```
#6d8aa7
```
#6d8aa7 rgb(109,138,167)
```
#648ab0
```
#648ab0 rgb(100,138,176)
```
#5b8ab9
```
#5b8ab9 rgb(91,138,185)
```
#528ac2
```
#528ac2 rgb(82,138,194)
```
#498acb
```
#498acb rgb(73,138,203)
```
#408ad4
```
#408ad4 rgb(64,138,212)
```
#378add
```
#378add rgb(55,138,221)
```
#2e8ae6
```
#2e8ae6 rgb(46,138,230)
```
#258aef
```
#258aef rgb(37,138,239)
```
#1c8af8
```
#1c8af8 rgb(28,138,248)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#77828d Atypical Achromatopsia 0.001% of the population

Dichromacy

#798ac1 Protanopia 1% of men
#718bc6 Deuteranopia 1% of men
#4897a2 Tritanopia 0.001% of the population

Trichromacy

#6b8ac1 Protanomaly 1% of men, 0.01% of women
#668ac5 Deuteranomaly 6% of men, 0.4% of women
#4b92ad Tritanomaly 0.01% of the population

#528ac2 hex color

#528ac2 Color Information

#528ac2 Color Conversion

Color Schemes with #528ac2

Alternatives to #528ac2

#528ac2 Preview

Shades and Tints of #528ac2

Tones of #528ac2

Color Blindness Simulator