#5357d0 hex color

In a RGB color space, hex #5357d0 is composed of 32.5% red, 34.1% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 60.1% cyan, 58.2% magenta, 0% yellow and 18.4% black. It has a hue angle of 238.1 degrees, a saturation of 57.1% and a lightness of 57.1%. #5357d0 color hex could be obtained by blending #a6aeff with #0000a1. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 34
- B 82
RGB color chart
- C 60
- M 58
- Y 0
- K 18
CMYK color chart

● #5357d0 color description : Moderate blue.

The hexadecimal color #5357d0 has RGB values of R:83, G:87, B:208 and CMYK values of C:0.6, M:0.58, Y:0, K:0.18. Its decimal value is 5461968.

Hex triplet	5357d0	`#5357d0`
RGB Decimal	83, 87, 208	`rgb(83,87,208)`
RGB Percent	32.5, 34.1, 81.6	`rgb(32.5%,34.1%,81.6%)`
CMYK	60, 58, 0, 18
HSL	238.1°, 57.1, 57.1	`hsl(238.1,57.1%,57.1%)`
HSV (or HSB)	238.1°, 60.1, 81.6
Web Safe	6666cc	`#6666cc`

CIE-LAB	43.076, 34.387, -63.247
XYZ	18.358, 13.209, 61.253
xyY	0.198, 0.142, 13.209
CIE-LCH	43.076, 71.991, 298.533
CIE-LUV	43.076, -8.047, -95.94
Hunter-Lab	36.344, 26.565, -74.486
Binary	01010011, 01010111, 11010000

#5357d0
```
#5357d0 rgb(83,87,208)
```
#d0cc53
```
#d0cc53 rgb(208,204,83)
```

Complementary Color

#5396d0
```
#5396d0 rgb(83,150,208)
```
#5357d0
```
#5357d0 rgb(83,87,208)
```
#8e53d0
```
#8e53d0 rgb(142,83,208)
```

Analogous Color

#96d053
```
#96d053 rgb(150,208,83)
```
#5357d0
```
#5357d0 rgb(83,87,208)
```
#d08e53
```
#d08e53 rgb(208,142,83)
```

Split Complementary Color

#57d053
```
#57d053 rgb(87,208,83)
```
#5357d0
```
#5357d0 rgb(83,87,208)
```
#d05357
```
#d05357 rgb(208,83,87)
```

Triadic Color

#53d0cc
```
#53d0cc rgb(83,208,204)
```
#5357d0
```
#5357d0 rgb(83,87,208)
```
#d05357
```
#d05357 rgb(208,83,87)
```
#d0cc53
```
#d0cc53 rgb(208,204,83)
```

Tetradic Color

#2e32a8
```
#2e32a8 rgb(46,50,168)
```
#3438bc
```
#3438bc rgb(52,56,188)
```
#3f43cb
```
#3f43cb rgb(63,67,203)
```
#5357d0
```
#5357d0 rgb(83,87,208)
```
#676bd5
```
#676bd5 rgb(103,107,213)
```
#7b7edb
```
#7b7edb rgb(123,126,219)
```
#8f92e0
```
#8f92e0 rgb(143,146,224)
```

Monochromatic Color

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

#5376d0
```
#5376d0 rgb(83,118,208)
```
#536cd0
```
#536cd0 rgb(83,108,208)
```
#5361d0
```
#5361d0 rgb(83,97,208)
```
#5357d0
```
#5357d0 rgb(83,87,208)
```
#5953d0
```
#5953d0 rgb(89,83,208)
```
#6453d0
```
#6453d0 rgb(100,83,208)
```
#6e53d0
```
#6e53d0 rgb(110,83,208)
```

Similar Colors

Text with hexadecimal color #5357d0

This text has a font color of #5357d0.

<span style="color:#5357d0;">Text here</span>

#5357d0 background color

This paragraph has a background color of #5357d0.

<p style="background-color:#5357d0;">Content here</p>

#5357d0 border color

This element has a border color of #5357d0.

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

CSS codes

.text {color:#5357d0;}

.background {background-color:#5357d0;}

.border {border:1px solid #5357d0;}

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, #04040d is the darkest color, while #fcfdfe is the lightest one.

#04040d
```
#04040d rgb(4,4,13)
```
#08081c
```
#08081c rgb(8,8,28)
```
#0c0d2c
```
#0c0d2c rgb(12,13,44)
```
#10123b
```
#10123b rgb(16,18,59)
```
#14164a
```
#14164a rgb(20,22,74)
```
#191b5a
```
#191b5a rgb(25,27,90)
```
#1d1f69
```
#1d1f69 rgb(29,31,105)
```
#212479
```
#212479 rgb(33,36,121)
```
#252888
```
#252888 rgb(37,40,136)
```
#292d98
```
#292d98 rgb(41,45,152)
```
#2e31a7
```
#2e31a7 rgb(46,49,167)
```
#3236b6
```
#3236b6 rgb(50,54,182)
```
#363bc6
```
#363bc6 rgb(54,59,198)
```

Shade Color Variation

#4448cc
```
#4448cc rgb(68,72,204)
```
#5357d0
```
#5357d0 rgb(83,87,208)
```
#6266d4
```
#6266d4 rgb(98,102,212)
```
#7275d8
```
#7275d8 rgb(114,117,216)
```
#8184dd
```
#8184dd rgb(129,132,221)
```
#9193e1
```
#9193e1 rgb(145,147,225)
```
#a0a2e5
```
#a0a2e5 rgb(160,162,229)
```
#afb1e9
```
#afb1e9 rgb(175,177,233)
```
#bfc0ed
```
#bfc0ed rgb(191,192,237)
```
#cecff2
```
#cecff2 rgb(206,207,242)
```
#dedef6
```
#dedef6 rgb(222,222,246)
```
#ededfa
```
#ededfa rgb(237,237,250)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e8e95 is the less saturated color, while #2930fa is the most saturated one.

#8e8e95
```
#8e8e95 rgb(142,142,149)
```
#86869d
```
#86869d rgb(134,134,157)
```
#7d7ea6
```
#7d7ea6 rgb(125,126,166)
```
#7577ae
```
#7577ae rgb(117,119,174)
```
#6c6fb7
```
#6c6fb7 rgb(108,111,183)
```
#6467bf
```
#6467bf rgb(100,103,191)
```
#5b5fc8
```
#5b5fc8 rgb(91,95,200)
```
#5357d0
```
#5357d0 rgb(83,87,208)
```
#4b4fd8
```
#4b4fd8 rgb(75,79,216)
```
#4247e1
```
#4247e1 rgb(66,71,225)
```
#3a3fe9
```
#3a3fe9 rgb(58,63,233)
```
#3137f2
```
#3137f2 rgb(49,55,242)
```
#2930fa
```
#2930fa rgb(41,48,250)
```

Tone Color Variation

Below, you can see how #5357d0 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

#646464 Achromatopsia 0.005% of the population
#61617a Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ad0 Protanopia 1% of men
#0070b7 Deuteranopia 1% of men
#247780 Tritanopia 0.001% of the population

Trichromacy

#1e63d0 Protanomaly 1% of men, 0.01% of women
#1e66c0 Deuteranomaly 6% of men, 0.4% of women
#356b9d Tritanomaly 0.01% of the population

#5357d0 hex color

#5357d0 Color Information

#5357d0 Color Conversion

Color Schemes with #5357d0

Alternatives to #5357d0

#5357d0 Preview

Shades and Tints of #5357d0

Tones of #5357d0

Color Blindness Simulator