colorhexa.com

#5357d4 hex color

In a RGB color space, hex #5357d4 is composed of 32.5% red, 34.1% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 60.8% cyan, 59% magenta, 0% yellow and 16.9% black. It has a hue angle of 238.1 degrees, a saturation of 60% and a lightness of 57.8%. #5357d4 color hex could be obtained by blending #a6aeff with #0000a9. Closest websafe color is: #6666cc.

- R 33
- G 34
- B 83
RGB color chart
- C 61
- M 59
- Y 0
- K 17
CMYK color chart

● #5357d4 color description : Moderate blue.

The hexadecimal color #5357d4 has RGB values of R:83, G:87, B:212 and CMYK values of C:0.61, M:0.59, Y:0, K:0.17. Its decimal value is 5461972.

Hex triplet	5357d4	`#5357d4`
RGB Decimal	83, 87, 212	`rgb(83,87,212)`
RGB Percent	32.5, 34.1, 83.1	`rgb(32.5%,34.1%,83.1%)`
CMYK	61, 59, 0, 17
HSL	238.1°, 60, 57.8	`hsl(238.1,60%,57.8%)`
HSV (or HSB)	238.1°, 60.8, 83.1
Web Safe	6666cc	`#6666cc`

CIE-LAB	43.372, 35.705, -65.063
XYZ	18.857, 13.408, 63.878
xyY	0.196, 0.139, 13.408
CIE-LCH	43.372, 74.216, 298.757
CIE-LUV	43.372, -8.227, -98.764
Hunter-Lab	36.617, 27.843, -77.799
Binary	01010011, 01010111, 11010100

#5357d4
```
#5357d4 rgb(83,87,212)
```
#d4d053
```
#d4d053 rgb(212,208,83)
```

Complementary Color

#5398d4
```
#5398d4 rgb(83,152,212)
```
#5357d4
```
#5357d4 rgb(83,87,212)
```
#9053d4
```
#9053d4 rgb(144,83,212)
```

Analogous Color

#98d453
```
#98d453 rgb(152,212,83)
```
#5357d4
```
#5357d4 rgb(83,87,212)
```
#d49053
```
#d49053 rgb(212,144,83)
```

Split Complementary Color

#57d453
```
#57d453 rgb(87,212,83)
```
#5357d4
```
#5357d4 rgb(83,87,212)
```
#d45357
```
#d45357 rgb(212,83,87)
```

Triadic Color

#53d4d0
```
#53d4d0 rgb(83,212,208)
```
#5357d4
```
#5357d4 rgb(83,87,212)
```
#d45357
```
#d45357 rgb(212,83,87)
```
#d4d053
```
#d4d053 rgb(212,208,83)
```

Tetradic Color

#2c30af
```
#2c30af rgb(44,48,175)
```
#3135c3
```
#3135c3 rgb(49,53,195)
```
#3f43cf
```
#3f43cf rgb(63,67,207)
```
#5357d4
```
#5357d4 rgb(83,87,212)
```
#676bd9
```
#676bd9 rgb(103,107,217)
```
#7c7fde
```
#7c7fde rgb(124,127,222)
```
#9093e3
```
#9093e3 rgb(144,147,227)
```

Monochromatic Color

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

#5377d4
```
#5377d4 rgb(83,119,212)
```
#536dd4
```
#536dd4 rgb(83,109,212)
```
#5362d4
```
#5362d4 rgb(83,98,212)
```
#5357d4
```
#5357d4 rgb(83,87,212)
```
#5a53d4
```
#5a53d4 rgb(90,83,212)
```
#6553d4
```
#6553d4 rgb(101,83,212)
```
#6f53d4
```
#6f53d4 rgb(111,83,212)
```

Similar Colors

Text with hexadecimal color #5357d4

This text has a font color of #5357d4.

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

#5357d4 background color

This paragraph has a background color of #5357d4.

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

#5357d4 border color

This element has a border color of #5357d4.

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

CSS codes

.text {color:#5357d4;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#040410
```
#040410 rgb(4,4,16)
```
#080920
```
#080920 rgb(8,9,32)
```
#0c0d30
```
#0c0d30 rgb(12,13,48)
```
#10113f
```
#10113f rgb(16,17,63)
```
#14164f
```
#14164f rgb(20,22,79)
```
#181a5f
```
#181a5f rgb(24,26,95)
```
#1c1e6e
```
#1c1e6e rgb(28,30,110)
```
#20227e
```
#20227e rgb(32,34,126)
```
#23278e
```
#23278e rgb(35,39,142)
```
#272b9e
```
#272b9e rgb(39,43,158)
```
#2b2fad
```
#2b2fad rgb(43,47,173)
```
#2f34bd
```
#2f34bd rgb(47,52,189)
```

Shade Color Variation

#3438cc
```
#3438cc rgb(52,56,204)
```
#4348d0
```
#4348d0 rgb(67,72,208)
```
#5357d4
```
#5357d4 rgb(83,87,212)
```
#6366d8
```
#6366d8 rgb(99,102,216)
```
#7276dc
```
#7276dc rgb(114,118,220)
```
#8285e0
```
#8285e0 rgb(130,133,224)
```
#9294e4
```
#9294e4 rgb(146,148,228)
```
#a1a4e8
```
#a1a4e8 rgb(161,164,232)
```
#b1b3ec
```
#b1b3ec rgb(177,179,236)
```
#c1c2ef
```
#c1c2ef rgb(193,194,239)
```
#d1d2f3
```
#d1d2f3 rgb(209,210,243)
```
#e0e1f7
```
#e0e1f7 rgb(224,225,247)
```
#f0f0fb
```
#f0f0fb rgb(240,240,251)
```

Tint Color Variation

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

#8d8d9a
```
#8d8d9a rgb(141,141,154)
```
#8586a2
```
#8586a2 rgb(133,134,162)
```
#7c7eab
```
#7c7eab rgb(124,126,171)
```
#7476b3
```
#7476b3 rgb(116,118,179)
```
#6c6ebb
```
#6c6ebb rgb(108,110,187)
```
#6467c3
```
#6467c3 rgb(100,103,195)
```
#5b5fcc
```
#5b5fcc rgb(91,95,204)
```
#5357d4
```
#5357d4 rgb(83,87,212)
```
#4b4fdc
```
#4b4fdc rgb(75,79,220)
```
#4247e5
```
#4247e5 rgb(66,71,229)
```
#3a40ed
```
#3a40ed rgb(58,64,237)
```
#3238f5
```
#3238f5 rgb(50,56,245)
```
#2a30fd
```
#2a30fd rgb(42,48,253)
```

Tone Color Variation

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

#006bd1 Protanopia 1% of men
#0070b8 Deuteranopia 1% of men
#1c7881 Tritanopia 0.001% of the population

Trichromacy

#1e63d2 Protanomaly 1% of men, 0.01% of women
#1e67c2 Deuteranomaly 6% of men, 0.4% of women
#306c9f Tritanomaly 0.01% of the population