#5286df hex color

In a RGB color space, hex #5286df is composed of 32.2% red, 52.5% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 63.2% cyan, 39.9% magenta, 0% yellow and 12.5% black. It has a hue angle of 217.9 degrees, a saturation of 68.8% and a lightness of 59.8%. #5286df color hex could be obtained by blending #a4ffff with #000dbf. Closest websafe color is: #6699cc.

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

● #5286df color description : Soft blue.

The hexadecimal color #5286df has RGB values of R:82, G:134, B:223 and CMYK values of C:0.63, M:0.4, Y:0, K:0.13. Its decimal value is 5408479.

Hex triplet	5286df	`#5286df`
RGB Decimal	82, 134, 223	`rgb(82,134,223)`
RGB Percent	32.2, 52.5, 87.5	`rgb(32.2%,52.5%,87.5%)`
CMYK	63, 40, 0, 13
HSL	217.9°, 68.8, 59.8	`hsl(217.9,68.8%,59.8%)`
HSV (or HSB)	217.9°, 63.2, 87.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	56.258, 10.269, -50.574
XYZ	25.321, 24.17, 73.139
xyY	0.206, 0.197, 24.17
CIE-LCH	56.258, 51.606, 281.478
CIE-LUV	56.258, -22.715, -80.548
Hunter-Lab	49.163, 5.9, -53.79
Binary	01010010, 10000110, 11011111

#5286df
```
#5286df rgb(82,134,223)
```
#dfab52
```
#dfab52 rgb(223,171,82)
```

Complementary Color

#52cddf
```
#52cddf rgb(82,205,223)
```
#5286df
```
#5286df rgb(82,134,223)
```
#6552df
```
#6552df rgb(101,82,223)
```

Analogous Color

#cddf52
```
#cddf52 rgb(205,223,82)
```
#5286df
```
#5286df rgb(82,134,223)
```
#df6552
```
#df6552 rgb(223,101,82)
```

Split Complementary Color

#86df52
```
#86df52 rgb(134,223,82)
```
#5286df
```
#5286df rgb(82,134,223)
```
#df5286
```
#df5286 rgb(223,82,134)
```

Triadic Color

#52dfab
```
#52dfab rgb(82,223,171)
```
#5286df
```
#5286df rgb(82,134,223)
```
#df5286
```
#df5286 rgb(223,82,134)
```
#dfab52
```
#dfab52 rgb(223,171,82)
```

Tetradic Color

#245ec1
```
#245ec1 rgb(36,94,193)
```
#2868d6
```
#2868d6 rgb(40,104,214)
```
#3c77db
```
#3c77db rgb(60,119,219)
```
#5286df
```
#5286df rgb(82,134,223)
```
#6895e3
```
#6895e3 rgb(104,149,227)
```
#7da4e7
```
#7da4e7 rgb(125,164,231)
```
#93b3eb
```
#93b3eb rgb(147,179,235)
```

Monochromatic Color

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

#52a9df
```
#52a9df rgb(82,169,223)
```
#529edf
```
#529edf rgb(82,158,223)
```
#5292df
```
#5292df rgb(82,146,223)
```
#5286df
```
#5286df rgb(82,134,223)
```
#527adf
```
#527adf rgb(82,122,223)
```
#526fdf
```
#526fdf rgb(82,111,223)
```
#5263df
```
#5263df rgb(82,99,223)
```

Similar Colors

Text with hexadecimal color #5286df

This text has a font color of #5286df.

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

#5286df background color

This paragraph has a background color of #5286df.

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

#5286df border color

This element has a border color of #5286df.

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

CSS codes

.text {color:#5286df;}

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

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

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

#020409
```
#020409 rgb(2,4,9)
```
#050c1a
```
#050c1a rgb(5,12,26)
```
#08142a
```
#08142a rgb(8,20,42)
```
#0b1d3b
```
#0b1d3b rgb(11,29,59)
```
#0e254b
```
#0e254b rgb(14,37,75)
```
#112d5c
```
#112d5c rgb(17,45,92)
```
#14356c
```
#14356c rgb(20,53,108)
```
#173d7d
```
#173d7d rgb(23,61,125)
```
#1a458e
```
#1a458e rgb(26,69,142)
```
#1d4d9e
```
#1d4d9e rgb(29,77,158)
```
#2055af
```
#2055af rgb(32,85,175)
```
#235dbf
```
#235dbf rgb(35,93,191)
```
#2665d0
```
#2665d0 rgb(38,101,208)
```

Shade Color Variation

#316fd9
```
#316fd9 rgb(49,111,217)
```
#417adc
```
#417adc rgb(65,122,220)
```
#5286df
```
#5286df rgb(82,134,223)
```
#6392e2
```
#6392e2 rgb(99,146,226)
```
#739de5
```
#739de5 rgb(115,157,229)
```
#84a9e8
```
#84a9e8 rgb(132,169,232)
```
#94b4eb
```
#94b4eb rgb(148,180,235)
```
#a5c0ee
```
#a5c0ee rgb(165,192,238)
```
#b5cbf1
```
#b5cbf1 rgb(181,203,241)
```
#c6d7f4
```
#c6d7f4 rgb(198,215,244)
```
#d6e3f7
```
#d6e3f7 rgb(214,227,247)
```
#e7eefb
```
#e7eefb rgb(231,238,251)
```
#f8fafe
```
#f8fafe rgb(248,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9197a0 is the less saturated color, while #327eff is the most saturated one.

#9197a0
```
#9197a0 rgb(145,151,160)
```
#8994a8
```
#8994a8 rgb(137,148,168)
```
#8192b0
```
#8192b0 rgb(129,146,176)
```
#7990b8
```
#7990b8 rgb(121,144,184)
```
#728ebf
```
#728ebf rgb(114,142,191)
```
#6a8cc7
```
#6a8cc7 rgb(106,140,199)
```
#628acf
```
#628acf rgb(98,138,207)
```
#5a88d7
```
#5a88d7 rgb(90,136,215)
```
#5286df
```
#5286df rgb(82,134,223)
```
#4a84e7
```
#4a84e7 rgb(74,132,231)
```
#4282ef
```
#4282ef rgb(66,130,239)
```
#3a80f7
```
#3a80f7 rgb(58,128,247)
```
#327eff
```
#327eff rgb(50,126,255)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#788294 Atypical Achromatopsia 0.001% of the population

Dichromacy

#678adf Protanopia 1% of men
#4f8edf Deuteranopia 1% of men
#2e99a5 Tritanopia 0.001% of the population

Trichromacy

#5f88df Protanomaly 1% of men, 0.01% of women
#508bdf Deuteranomaly 6% of men, 0.4% of women
#3b92ba Tritanomaly 0.01% of the population

#5286df hex color

#5286df Color Information

#5286df Color Conversion

Color Schemes with #5286df

Alternatives to #5286df

#5286df Preview

Shades and Tints of #5286df

Tones of #5286df

Color Blindness Simulator