#528bde hex color

In a RGB color space, hex #528bde is composed of 32.2% red, 54.5% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 63.1% cyan, 37.4% magenta, 0% yellow and 12.9% black. It has a hue angle of 215.6 degrees, a saturation of 68% and a lightness of 59.6%. #528bde color hex could be obtained by blending #a4ffff with #0017bd. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 32
- G 55
- B 87
RGB color chart
- C 63
- M 37
- Y 0
- K 13
CMYK color chart

● #528bde color description : Soft blue.

The hexadecimal color #528bde has RGB values of R:82, G:139, B:222 and CMYK values of C:0.63, M:0.37, Y:0, K:0.13. Its decimal value is 5409758.

Hex triplet	528bde	`#528bde`
RGB Decimal	82, 139, 222	`rgb(82,139,222)`
RGB Percent	32.2, 54.5, 87.1	`rgb(32.2%,54.5%,87.1%)`
CMYK	63, 37, 0, 13
HSL	215.6°, 68, 59.6	`hsl(215.6,68%,59.6%)`
HSV (or HSB)	215.6°, 63.1, 87.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	57.589, 6.938, -47.9
XYZ	25.894, 25.531, 72.667
xyY	0.209, 0.206, 25.531
CIE-LCH	57.589, 48.4, 278.241
CIE-LUV	57.589, -24.414, -76.198
Hunter-Lab	50.529, 3.05, -49.897
Binary	01010010, 10001011, 11011110

#528bde
```
#528bde rgb(82,139,222)
```
#dea552
```
#dea552 rgb(222,165,82)
```

Complementary Color

#52d1de
```
#52d1de rgb(82,209,222)
```
#528bde
```
#528bde rgb(82,139,222)
```
#5f52de
```
#5f52de rgb(95,82,222)
```

Analogous Color

#d1de52
```
#d1de52 rgb(209,222,82)
```
#528bde
```
#528bde rgb(82,139,222)
```
#de5f52
```
#de5f52 rgb(222,95,82)
```

Split Complementary Color

#8bde52
```
#8bde52 rgb(139,222,82)
```
#528bde
```
#528bde rgb(82,139,222)
```
#de528b
```
#de528b rgb(222,82,139)
```

Triadic Color

#52dea5
```
#52dea5 rgb(82,222,165)
```
#528bde
```
#528bde rgb(82,139,222)
```
#de528b
```
#de528b rgb(222,82,139)
```
#dea552
```
#dea552 rgb(222,165,82)
```

Tetradic Color

#2463bf
```
#2463bf rgb(36,99,191)
```
#296fd4
```
#296fd4 rgb(41,111,212)
```
#3d7dda
```
#3d7dda rgb(61,125,218)
```
#528bde
```
#528bde rgb(82,139,222)
```
#6799e2
```
#6799e2 rgb(103,153,226)
```
#7da8e6
```
#7da8e6 rgb(125,168,230)
```
#92b6ea
```
#92b6ea rgb(146,182,234)
```

Monochromatic Color

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

#52aede
```
#52aede rgb(82,174,222)
```
#52a2de
```
#52a2de rgb(82,162,222)
```
#5297de
```
#5297de rgb(82,151,222)
```
#528bde
```
#528bde rgb(82,139,222)
```
#527fde
```
#527fde rgb(82,127,222)
```
#5274de
```
#5274de rgb(82,116,222)
```
#5268de
```
#5268de rgb(82,104,222)
```

Similar Colors

Text with hexadecimal color #528bde

This text has a font color of #528bde.

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

#528bde background color

This paragraph has a background color of #528bde.

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

#528bde border color

This element has a border color of #528bde.

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

CSS codes

.text {color:#528bde;}

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

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

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

#020408
```
#020408 rgb(2,4,8)
```
#050d19
```
#050d19 rgb(5,13,25)
```
#081529
```
#081529 rgb(8,21,41)
```
#0b1e3a
```
#0b1e3a rgb(11,30,58)
```
#0e274a
```
#0e274a rgb(14,39,74)
```
#112f5b
```
#112f5b rgb(17,47,91)
```
#14386b
```
#14386b rgb(20,56,107)
```
#18407c
```
#18407c rgb(24,64,124)
```
#1b498c
```
#1b498c rgb(27,73,140)
```
#1e519c
```
#1e519c rgb(30,81,156)
```
#215aad
```
#215aad rgb(33,90,173)
```
#2463bd
```
#2463bd rgb(36,99,189)
```
#276bce
```
#276bce rgb(39,107,206)
```

Shade Color Variation

#3175d8
```
#3175d8 rgb(49,117,216)
```
#4280db
```
#4280db rgb(66,128,219)
```
#528bde
```
#528bde rgb(82,139,222)
```
#6296e1
```
#6296e1 rgb(98,150,225)
```
#73a1e4
```
#73a1e4 rgb(115,161,228)
```
#83ace7
```
#83ace7 rgb(131,172,231)
```
#94b7eb
```
#94b7eb rgb(148,183,235)
```
#a4c2ee
```
#a4c2ee rgb(164,194,238)
```
#b5cdf1
```
#b5cdf1 rgb(181,205,241)
```
#c5d8f4
```
#c5d8f4 rgb(197,216,244)
```
#d6e3f7
```
#d6e3f7 rgb(214,227,247)
```
#e6eefa
```
#e6eefa rgb(230,238,250)
```
#f7f9fd
```
#f7f9fd rgb(247,249,253)
```

Tint Color Variation

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

#91979f
```
#91979f rgb(145,151,159)
```
#8995a7
```
#8995a7 rgb(137,149,167)
```
#8294ae
```
#8294ae rgb(130,148,174)
```
#7a92b6
```
#7a92b6 rgb(122,146,182)
```
#7291be
```
#7291be rgb(114,145,190)
```
#6a8fc6
```
#6a8fc6 rgb(106,143,198)
```
#628ece
```
#628ece rgb(98,142,206)
```
#5a8cd6
```
#5a8cd6 rgb(90,140,214)
```
#528bde
```
#528bde rgb(82,139,222)
```
#4a8ae6
```
#4a8ae6 rgb(74,138,230)
```
#4288ee
```
#4288ee rgb(66,136,238)
```
#3a87f6
```
#3a87f6 rgb(58,135,246)
```
#3285fe
```
#3285fe rgb(50,133,254)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#798595 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f8ddd Protanopia 1% of men
#5b90df Deuteranopia 1% of men
#339da8 Tritanopia 0.001% of the population

Trichromacy

#648cdd Protanomaly 1% of men, 0.01% of women
#588edf Deuteranomaly 6% of men, 0.4% of women
#3e96bc Tritanomaly 0.01% of the population

#528bde hex color

#528bde Color Information

#528bde Color Conversion

Color Schemes with #528bde

Alternatives to #528bde

#528bde Preview

Shades and Tints of #528bde

Tones of #528bde

Color Blindness Simulator