#5285c0 hex color

In a RGB color space, hex #5285c0 is composed of 32.2% red, 52.2% green and 75.3% blue. Whereas in a CMYK color space, it is composed of 57.3% cyan, 30.7% magenta, 0% yellow and 24.7% black. It has a hue angle of 212.2 degrees, a saturation of 46.6% and a lightness of 53.7%. #5285c0 color hex could be obtained by blending #a4ffff with #000b81. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 32
- G 52
- B 75
RGB color chart
- C 57
- M 31
- Y 0
- K 25
CMYK color chart

● #5285c0 color description : Moderate blue.

The hexadecimal color #5285c0 has RGB values of R:82, G:133, B:192 and CMYK values of C:0.57, M:0.31, Y:0, K:0.25. Its decimal value is 5408192.

Hex triplet	5285c0	`#5285c0`
RGB Decimal	82, 133, 192	`rgb(82,133,192)`
RGB Percent	32.2, 52.2, 75.3	`rgb(32.2%,52.2%,75.3%)`
CMYK	57, 31, 0, 25
HSL	212.2°, 46.6, 53.7	`hsl(212.2,46.6%,53.7%)`
HSV (or HSB)	212.2°, 57.3, 75.3
Web Safe	6699cc	`#6699cc`

CIE-LAB	54.421, 0.542, -35.969
XYZ	21.379, 22.373, 53.058
xyY	0.221, 0.231, 22.373
CIE-LCH	54.421, 35.973, 270.864
CIE-LUV	54.421, -22.75, -55.338
Hunter-Lab	47.301, -2.095, -33.397
Binary	01010010, 10000101, 11000000

#5285c0
```
#5285c0 rgb(82,133,192)
```
#c08d52
```
#c08d52 rgb(192,141,82)
```

Complementary Color

#52bcc0
```
#52bcc0 rgb(82,188,192)
```
#5285c0
```
#5285c0 rgb(82,133,192)
```
#5652c0
```
#5652c0 rgb(86,82,192)
```

Analogous Color

#bcc052
```
#bcc052 rgb(188,192,82)
```
#5285c0
```
#5285c0 rgb(82,133,192)
```
#c05652
```
#c05652 rgb(192,86,82)
```

Split Complementary Color

#85c052
```
#85c052 rgb(133,192,82)
```
#5285c0
```
#5285c0 rgb(82,133,192)
```
#c05285
```
#c05285 rgb(192,82,133)
```

Triadic Color

#52c08d
```
#52c08d rgb(82,192,141)
```
#5285c0
```
#5285c0 rgb(82,133,192)
```
#c05285
```
#c05285 rgb(192,82,133)
```
#c08d52
```
#c08d52 rgb(192,141,82)
```

Tetradic Color

#355f91
```
#355f91 rgb(53,95,145)
```
#3c6ca3
```
#3c6ca3 rgb(60,108,163)
```
#4278b6
```
#4278b6 rgb(66,120,182)
```
#5285c0
```
#5285c0 rgb(82,133,192)
```
#6592c7
```
#6592c7 rgb(101,146,199)
```
#779fce
```
#779fce rgb(119,159,206)
```
#8aadd4
```
#8aadd4 rgb(138,173,212)
```

Monochromatic Color

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

#52a1c0
```
#52a1c0 rgb(82,161,192)
```
#5297c0
```
#5297c0 rgb(82,151,192)
```
#528ec0
```
#528ec0 rgb(82,142,192)
```
#5285c0
```
#5285c0 rgb(82,133,192)
```
#527cc0
```
#527cc0 rgb(82,124,192)
```
#5273c0
```
#5273c0 rgb(82,115,192)
```
#526ac0
```
#526ac0 rgb(82,106,192)
```

Similar Colors

Text with hexadecimal color #5285c0

This text has a font color of #5285c0.

<span style="color:#5285c0;">Text here</span>

#5285c0 background color

This paragraph has a background color of #5285c0.

<p style="background-color:#5285c0;">Content here</p>

#5285c0 border color

This element has a border color of #5285c0.

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

CSS codes

.text {color:#5285c0;}

.background {background-color:#5285c0;}

.border {border:1px solid #5285c0;}

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, #05090e is the darkest color, while #ffffff is the lightest one.

#05090e
```
#05090e rgb(5,9,14)
```
#0a131c
```
#0a131c rgb(10,19,28)
```
#101c2b
```
#101c2b rgb(16,28,43)
```
#152639
```
#152639 rgb(21,38,57)
```
#1a2f47
```
#1a2f47 rgb(26,47,71)
```
#1f3956
```
#1f3956 rgb(31,57,86)
```
#244264
```
#244264 rgb(36,66,100)
```
#2a4c73
```
#2a4c73 rgb(42,76,115)
```
#2f5581
```
#2f5581 rgb(47,85,129)
```
#345e8f
```
#345e8f rgb(52,94,143)
```
#39689e
```
#39689e rgb(57,104,158)
```
#3f71ac
```
#3f71ac rgb(63,113,172)
```
#447bba
```
#447bba rgb(68,123,186)
```

Shade Color Variation

#5285c0
```
#5285c0 rgb(82,133,192)
```
#608fc5
```
#608fc5 rgb(96,143,197)
```
#6f99ca
```
#6f99ca rgb(111,153,202)
```
#7da3d0
```
#7da3d0 rgb(125,163,208)
```
#8caed5
```
#8caed5 rgb(140,174,213)
```
#9ab8da
```
#9ab8da rgb(154,184,218)
```
#a8c2df
```
#a8c2df rgb(168,194,223)
```
#b7cce5
```
#b7cce5 rgb(183,204,229)
```
#c5d6ea
```
#c5d6ea rgb(197,214,234)
```
#d3e0ef
```
#d3e0ef rgb(211,224,239)
```
#e2eaf4
```
#e2eaf4 rgb(226,234,244)
```
#f0f5fa
```
#f0f5fa rgb(240,245,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#88898a
```
#88898a rgb(136,137,138)
```
#7f8893
```
#7f8893 rgb(127,136,147)
```
#76889c
```
#76889c rgb(118,136,156)
```
#6d87a5
```
#6d87a5 rgb(109,135,165)
```
#6486ae
```
#6486ae rgb(100,134,174)
```
#5b86b7
```
#5b86b7 rgb(91,134,183)
```
#5285c0
```
#5285c0 rgb(82,133,192)
```
#4984c9
```
#4984c9 rgb(73,132,201)
```
#4084d2
```
#4084d2 rgb(64,132,210)
```
#3783db
```
#3783db rgb(55,131,219)
```
#2e82e4
```
#2e82e4 rgb(46,130,228)
```
#2582ed
```
#2582ed rgb(37,130,237)
```
#1c81f6
```
#1c81f6 rgb(28,129,246)
```

Tone Color Variation

Below, you can see how #5285c0 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

#7c7c7c Achromatopsia 0.005% of the population
#747e8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7486bf Protanopia 1% of men
#6b88c4 Deuteranopia 1% of men
#47939d Tritanopia 0.001% of the population

Trichromacy

#6886bf Protanomaly 1% of men, 0.01% of women
#6286c2 Deuteranomaly 6% of men, 0.4% of women
#4b8daa Tritanomaly 0.01% of the population

#5285c0 hex color

#5285c0 Color Information

#5285c0 Color Conversion

Color Schemes with #5285c0

Alternatives to #5285c0

#5285c0 Preview

Shades and Tints of #5285c0

Tones of #5285c0

Color Blindness Simulator