#5286c8 hex color

In a RGB color space, hex #5286c8 is composed of 32.2% red, 52.5% green and 78.4% blue. Whereas in a CMYK color space, it is composed of 59% cyan, 33% magenta, 0% yellow and 21.6% black. It has a hue angle of 213.6 degrees, a saturation of 51.8% and a lightness of 55.3%. #5286c8 color hex could be obtained by blending #a4ffff with #000d91. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 32
- G 53
- B 78
RGB color chart
- C 59
- M 33
- Y 0
- K 22
CMYK color chart

● #5286c8 color description : Moderate blue.

The hexadecimal color #5286c8 has RGB values of R:82, G:134, B:200 and CMYK values of C:0.59, M:0.33, Y:0, K:0.22. Its decimal value is 5408456.

Hex triplet	5286c8	`#5286c8`
RGB Decimal	82, 134, 200	`rgb(82,134,200)`
RGB Percent	32.2, 52.5, 78.4	`rgb(32.2%,52.5%,78.4%)`
CMYK	59, 33, 0, 22
HSL	213.6°, 51.8, 55.3	`hsl(213.6,51.8%,55.3%)`
HSV (or HSB)	213.6°, 59, 78.4
Web Safe	6699cc	`#6699cc`

CIE-LAB	55.086, 2.569, -39.472
XYZ	22.428, 23.013, 57.9
xyY	0.217, 0.223, 23.013
CIE-LCH	55.086, 39.555, 273.723
CIE-LUV	55.086, -22.997, -61.389
Hunter-Lab	47.972, -0.498, -37.981
Binary	01010010, 10000110, 11001000

#5286c8
```
#5286c8 rgb(82,134,200)
```
#c89452
```
#c89452 rgb(200,148,82)
```

Complementary Color

#52c1c8
```
#52c1c8 rgb(82,193,200)
```
#5286c8
```
#5286c8 rgb(82,134,200)
```
#5952c8
```
#5952c8 rgb(89,82,200)
```

Analogous Color

#c1c852
```
#c1c852 rgb(193,200,82)
```
#5286c8
```
#5286c8 rgb(82,134,200)
```
#c85952
```
#c85952 rgb(200,89,82)
```

Split Complementary Color

#86c852
```
#86c852 rgb(134,200,82)
```
#5286c8
```
#5286c8 rgb(82,134,200)
```
#c85286
```
#c85286 rgb(200,82,134)
```

Triadic Color

#52c894
```
#52c894 rgb(82,200,148)
```
#5286c8
```
#5286c8 rgb(82,134,200)
```
#c85286
```
#c85286 rgb(200,82,134)
```
#c89452
```
#c89452 rgb(200,148,82)
```

Tetradic Color

#32609c
```
#32609c rgb(50,96,156)
```
#386caf
```
#386caf rgb(56,108,175)
```
#3f78c2
```
#3f78c2 rgb(63,120,194)
```
#5286c8
```
#5286c8 rgb(82,134,200)
```
#6594ce
```
#6594ce rgb(101,148,206)
```
#79a1d4
```
#79a1d4 rgb(121,161,212)
```
#8cafda
```
#8cafda rgb(140,175,218)
```

Monochromatic Color

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

#52a4c8
```
#52a4c8 rgb(82,164,200)
```
#529ac8
```
#529ac8 rgb(82,154,200)
```
#5290c8
```
#5290c8 rgb(82,144,200)
```
#5286c8
```
#5286c8 rgb(82,134,200)
```
#527cc8
```
#527cc8 rgb(82,124,200)
```
#5272c8
```
#5272c8 rgb(82,114,200)
```
#5269c8
```
#5269c8 rgb(82,105,200)
```

Similar Colors

Text with hexadecimal color #5286c8

This text has a font color of #5286c8.

<span style="color:#5286c8;">Text here</span>

#5286c8 background color

This paragraph has a background color of #5286c8.

<p style="background-color:#5286c8;">Content here</p>

#5286c8 border color

This element has a border color of #5286c8.

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

CSS codes

.text {color:#5286c8;}

.background {background-color:#5286c8;}

.border {border:1px solid #5286c8;}

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

#020306
```
#020306 rgb(2,3,6)
```
#070d14
```
#070d14 rgb(7,13,20)
```
#0b1623
```
#0b1623 rgb(11,22,35)
```
#101f32
```
#101f32 rgb(16,31,50)
```
#152841
```
#152841 rgb(21,40,65)
```
#193150
```
#193150 rgb(25,49,80)
```
#1e3b5f
```
#1e3b5f rgb(30,59,95)
```
#23446e
```
#23446e rgb(35,68,110)
```
#284d7d
```
#284d7d rgb(40,77,125)
```
#2c568c
```
#2c568c rgb(44,86,140)
```
#31609a
```
#31609a rgb(49,96,154)
```
#3669a9
```
#3669a9 rgb(54,105,169)
```
#3b72b8
```
#3b72b8 rgb(59,114,184)
```

Shade Color Variation

#437cc3
```
#437cc3 rgb(67,124,195)
```
#5286c8
```
#5286c8 rgb(82,134,200)
```
#6190cd
```
#6190cd rgb(97,144,205)
```
#709bd1
```
#709bd1 rgb(112,155,209)
```
#7fa5d6
```
#7fa5d6 rgb(127,165,214)
```
#8eb0db
```
#8eb0db rgb(142,176,219)
```
#9cbae0
```
#9cbae0 rgb(156,186,224)
```
#abc4e4
```
#abc4e4 rgb(171,196,228)
```
#bacfe9
```
#bacfe9 rgb(186,207,233)
```
#c9d9ee
```
#c9d9ee rgb(201,217,238)
```
#d8e4f3
```
#d8e4f3 rgb(216,228,243)
```
#e7eef7
```
#e7eef7 rgb(231,238,247)
```
#f6f9fc
```
#f6f9fc rgb(246,249,252)
```

Tint Color Variation

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

#878c93
```
#878c93 rgb(135,140,147)
```
#7e8b9c
```
#7e8b9c rgb(126,139,156)
```
#758aa5
```
#758aa5 rgb(117,138,165)
```
#6c89ae
```
#6c89ae rgb(108,137,174)
```
#6488b6
```
#6488b6 rgb(100,136,182)
```
#5b87bf
```
#5b87bf rgb(91,135,191)
```
#5286c8
```
#5286c8 rgb(82,134,200)
```
#4985d1
```
#4985d1 rgb(73,133,209)
```
#4084da
```
#4084da rgb(64,132,218)
```
#3883e2
```
#3883e2 rgb(56,131,226)
```
#2f82eb
```
#2f82eb rgb(47,130,235)
```
#2681f4
```
#2681f4 rgb(38,129,244)
```
#1d80fd
```
#1d80fd rgb(29,128,253)
```

Tone Color Variation

Below, you can see how #5286c8 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

#7e7e7e Achromatopsia 0.005% of the population
#75808d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7288c7 Protanopia 1% of men
#668acb Deuteranopia 1% of men
#4395a0 Tritanopia 0.001% of the population

Trichromacy

#6687c7 Protanomaly 1% of men, 0.01% of women
#5f88ca Deuteranomaly 6% of men, 0.4% of women
#488fae Tritanomaly 0.01% of the population

#5286c8 hex color

#5286c8 Color Information

#5286c8 Color Conversion

Color Schemes with #5286c8

Alternatives to #5286c8

#5286c8 Preview

Shades and Tints of #5286c8

Tones of #5286c8

Color Blindness Simulator