#528fc4 hex color

In a RGB color space, hex #528fc4 is composed of 32.2% red, 56.1% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 58.2% cyan, 27% magenta, 0% yellow and 23.1% black. It has a hue angle of 207.9 degrees, a saturation of 49.1% and a lightness of 54.5%. #528fc4 color hex could be obtained by blending #a4ffff with #001f89. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 32
- G 56
- B 77
RGB color chart
- C 58
- M 27
- Y 0
- K 23
CMYK color chart

● #528fc4 color description : Moderate blue.

The hexadecimal color #528fc4 has RGB values of R:82, G:143, B:196 and CMYK values of C:0.58, M:0.27, Y:0, K:0.23. Its decimal value is 5410756.

Hex triplet	528fc4	`#528fc4`
RGB Decimal	82, 143, 196	`rgb(82,143,196)`
RGB Percent	32.2, 56.1, 76.9	`rgb(32.2%,56.1%,76.9%)`
CMYK	58, 27, 0, 23
HSL	207.9°, 49.1, 54.5	`hsl(207.9,49.1%,54.5%)`
HSV (or HSB)	207.9°, 58.2, 76.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	57.485, -3.983, -33.449
XYZ	23.264, 25.423, 55.903
xyY	0.222, 0.243, 25.423
CIE-LCH	57.485, 33.686, 263.21
CIE-LUV	57.485, -26.34, -51.225
Hunter-Lab	50.421, -5.879, -30.441
Binary	01010010, 10001111, 11000100

#528fc4
```
#528fc4 rgb(82,143,196)
```
#c48752
```
#c48752 rgb(196,135,82)
```

Complementary Color

#52c4c0
```
#52c4c0 rgb(82,196,192)
```
#528fc4
```
#528fc4 rgb(82,143,196)
```
#5256c4
```
#5256c4 rgb(82,86,196)
```

Analogous Color

#c4c052
```
#c4c052 rgb(196,192,82)
```
#528fc4
```
#528fc4 rgb(82,143,196)
```
#c45256
```
#c45256 rgb(196,82,86)
```

Split Complementary Color

#8fc452
```
#8fc452 rgb(143,196,82)
```
#528fc4
```
#528fc4 rgb(82,143,196)
```
#c4528f
```
#c4528f rgb(196,82,143)
```

Triadic Color

#52c487
```
#52c487 rgb(82,196,135)
```
#528fc4
```
#528fc4 rgb(82,143,196)
```
#c4528f
```
#c4528f rgb(196,82,143)
```
#c48752
```
#c48752 rgb(196,135,82)
```

Tetradic Color

#336896
```
#336896 rgb(51,104,150)
```
#3a75a9
```
#3a75a9 rgb(58,117,169)
```
#4083bc
```
#4083bc rgb(64,131,188)
```
#528fc4
```
#528fc4 rgb(82,143,196)
```
#659bca
```
#659bca rgb(101,155,202)
```
#78a8d1
```
#78a8d1 rgb(120,168,209)
```
#8bb4d7
```
#8bb4d7 rgb(139,180,215)
```

Monochromatic Color

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

#52acc4
```
#52acc4 rgb(82,172,196)
```
#52a2c4
```
#52a2c4 rgb(82,162,196)
```
#5299c4
```
#5299c4 rgb(82,153,196)
```
#528fc4
```
#528fc4 rgb(82,143,196)
```
#5286c4
```
#5286c4 rgb(82,134,196)
```
#527cc4
```
#527cc4 rgb(82,124,196)
```
#5273c4
```
#5273c4 rgb(82,115,196)
```

Similar Colors

Text with hexadecimal color #528fc4

This text has a font color of #528fc4.

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

#528fc4 background color

This paragraph has a background color of #528fc4.

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

#528fc4 border color

This element has a border color of #528fc4.

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

CSS codes

.text {color:#528fc4;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#060c11
```
#060c11 rgb(6,12,17)
```
#0b1620
```
#0b1620 rgb(11,22,32)
```
#10202e
```
#10202e rgb(16,32,46)
```
#152a3d
```
#152a3d rgb(21,42,61)
```
#1a344c
```
#1a344c rgb(26,52,76)
```
#1f3f5a
```
#1f3f5a rgb(31,63,90)
```
#244969
```
#244969 rgb(36,73,105)
```
#295378
```
#295378 rgb(41,83,120)
```
#2e5d86
```
#2e5d86 rgb(46,93,134)
```
#336795
```
#336795 rgb(51,103,149)
```
#3871a3
```
#3871a3 rgb(56,113,163)
```
#3d7cb2
```
#3d7cb2 rgb(61,124,178)
```

Shade Color Variation

#4386bf
```
#4386bf rgb(67,134,191)
```
#528fc4
```
#528fc4 rgb(82,143,196)
```
#6198c9
```
#6198c9 rgb(97,152,201)
```
#6fa2ce
```
#6fa2ce rgb(111,162,206)
```
#7eabd3
```
#7eabd3 rgb(126,171,211)
```
#8db5d8
```
#8db5d8 rgb(141,181,216)
```
#9bbedd
```
#9bbedd rgb(155,190,221)
```
#aac8e2
```
#aac8e2 rgb(170,200,226)
```
#b8d1e7
```
#b8d1e7 rgb(184,209,231)
```
#c7dbec
```
#c7dbec rgb(199,219,236)
```
#d6e4f1
```
#d6e4f1 rgb(214,228,241)
```
#e4eef6
```
#e4eef6 rgb(228,238,246)
```
#f3f7fb
```
#f3f7fb rgb(243,247,251)
```

Tint Color Variation

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

#888b8e
```
#888b8e rgb(136,139,142)
```
#7f8c97
```
#7f8c97 rgb(127,140,151)
```
#768ca0
```
#768ca0 rgb(118,140,160)
```
#6d8da9
```
#6d8da9 rgb(109,141,169)
```
#648eb2
```
#648eb2 rgb(100,142,178)
```
#5b8ebb
```
#5b8ebb rgb(91,142,187)
```
#528fc4
```
#528fc4 rgb(82,143,196)
```
#4990cd
```
#4990cd rgb(73,144,205)
```
#4090d6
```
#4090d6 rgb(64,144,214)
```
#3791df
```
#3791df rgb(55,145,223)
```
#2e92e8
```
#2e92e8 rgb(46,146,232)
```
#2592f1
```
#2592f1 rgb(37,146,241)
```
#1c93fa
```
#1c93fa rgb(28,147,250)
```

Tone Color Variation

Below, you can see how #528fc4 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
#798590 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f8ec2 Protanopia 1% of men
#778fc9 Deuteranopia 1% of men
#499ba6 Tritanopia 0.001% of the population

Trichromacy

#6e8ec3 Protanomaly 1% of men, 0.01% of women
#698fc7 Deuteranomaly 6% of men, 0.4% of women
#4c96b1 Tritanomaly 0.01% of the population

#528fc4 hex color

#528fc4 Color Information

#528fc4 Color Conversion

Color Schemes with #528fc4

Alternatives to #528fc4

#528fc4 Preview

Shades and Tints of #528fc4

Tones of #528fc4

Color Blindness Simulator