#5345dc hex color

In a RGB color space, hex #5345dc is composed of 32.5% red, 27.1% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 62.3% cyan, 68.6% magenta, 0% yellow and 13.7% black. It has a hue angle of 245.6 degrees, a saturation of 68.3% and a lightness of 56.7%. #5345dc color hex could be obtained by blending #a68aff with #0000b9. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 33
- G 27
- B 86
RGB color chart
- C 62
- M 69
- Y 0
- K 14
CMYK color chart

● #5345dc color description : Soft blue.

The hexadecimal color #5345dc has RGB values of R:83, G:69, B:220 and CMYK values of C:0.62, M:0.69, Y:0, K:0.14. Its decimal value is 5457372.

Hex triplet	5345dc	`#5345dc`
RGB Decimal	83, 69, 220	`rgb(83,69,220)`
RGB Percent	32.5, 27.1, 86.3	`rgb(32.5%,27.1%,86.3%)`
CMYK	62, 69, 0, 14
HSL	245.6°, 68.3, 56.7	`hsl(245.6,68.3%,56.7%)`
HSV (or HSB)	245.6°, 68.6, 86.3
Web Safe	6633cc	`#6633cc`

CIE-LAB	40.018, 48.889, -75.122
XYZ	18.611, 11.262, 68.899
xyY	0.188, 0.114, 11.262
CIE-LCH	40.018, 89.629, 303.056
CIE-LUV	40.018, -4.686, -109.895
Hunter-Lab	33.559, 40.267, -98.238
Binary	01010011, 01000101, 11011100

#5345dc
```
#5345dc rgb(83,69,220)
```
#cedc45
```
#cedc45 rgb(206,220,69)
```

Complementary Color

#4583dc
```
#4583dc rgb(69,131,220)
```
#5345dc
```
#5345dc rgb(83,69,220)
```
#9f45dc
```
#9f45dc rgb(159,69,220)
```

Analogous Color

#83dc45
```
#83dc45 rgb(131,220,69)
```
#5345dc
```
#5345dc rgb(83,69,220)
```
#dc9f45
```
#dc9f45 rgb(220,159,69)
```

Split Complementary Color

#45dc53
```
#45dc53 rgb(69,220,83)
```
#5345dc
```
#5345dc rgb(83,69,220)
```
#dc5345
```
#dc5345 rgb(220,83,69)
```

Triadic Color

#45cedc
```
#45cedc rgb(69,206,220)
```
#5345dc
```
#5345dc rgb(83,69,220)
```
#dc5345
```
#dc5345 rgb(220,83,69)
```
#cedc45
```
#cedc45 rgb(206,220,69)
```

Tetradic Color

#2f22b3
```
#2f22b3 rgb(47,34,179)
```
#3526c8
```
#3526c8 rgb(53,38,200)
```
#3f30d8
```
#3f30d8 rgb(63,48,216)
```
#5345dc
```
#5345dc rgb(83,69,220)
```
#675ae0
```
#675ae0 rgb(103,90,224)
```
#7b70e4
```
#7b70e4 rgb(123,112,228)
```
#8f85e8
```
#8f85e8 rgb(143,133,232)
```

Monochromatic Color

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

#455ddc
```
#455ddc rgb(69,93,220)
```
#4550dc
```
#4550dc rgb(69,80,220)
```
#4645dc
```
#4645dc rgb(70,69,220)
```
#5345dc
```
#5345dc rgb(83,69,220)
```
#6045dc
```
#6045dc rgb(96,69,220)
```
#6c45dc
```
#6c45dc rgb(108,69,220)
```
#7945dc
```
#7945dc rgb(121,69,220)
```

Similar Colors

Text with hexadecimal color #5345dc

This text has a font color of #5345dc.

<span style="color:#5345dc;">Text here</span>

#5345dc background color

This paragraph has a background color of #5345dc.

<p style="background-color:#5345dc;">Content here</p>

#5345dc border color

This element has a border color of #5345dc.

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

CSS codes

.text {color:#5345dc;}

.background {background-color:#5345dc;}

.border {border:1px solid #5345dc;}

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, #03020c is the darkest color, while #fbfbfe is the lightest one.

#03020c
```
#03020c rgb(3,2,12)
```
#08051d
```
#08051d rgb(8,5,29)
```
#0c082d
```
#0c082d rgb(12,8,45)
```
#100c3e
```
#100c3e rgb(16,12,62)
```
#150f4e
```
#150f4e rgb(21,15,78)
```
#19125f
```
#19125f rgb(25,18,95)
```
#1d156f
```
#1d156f rgb(29,21,111)
```
#221880
```
#221880 rgb(34,24,128)
```
#261b90
```
#261b90 rgb(38,27,144)
```
#2a1ea1
```
#2a1ea1 rgb(42,30,161)
```
#2f21b1
```
#2f21b1 rgb(47,33,177)
```
#3324c2
```
#3324c2 rgb(51,36,194)
```
#3728d2
```
#3728d2 rgb(55,40,210)
```

Shade Color Variation

#4434d9
```
#4434d9 rgb(68,52,217)
```
#5345dc
```
#5345dc rgb(83,69,220)
```
#6256df
```
#6256df rgb(98,86,223)
```
#7266e2
```
#7266e2 rgb(114,102,226)
```
#8177e5
```
#8177e5 rgb(129,119,229)
```
#9087e8
```
#9087e8 rgb(144,135,232)
```
#9f98ec
```
#9f98ec rgb(159,152,236)
```
#afa8ef
```
#afa8ef rgb(175,168,239)
```
#beb9f2
```
#beb9f2 rgb(190,185,242)
```
#cdc9f5
```
#cdc9f5 rgb(205,201,245)
```
#dcdaf8
```
#dcdaf8 rgb(220,218,248)
```
#eceafb
```
#eceafb rgb(236,234,251)
```
#fbfbfe
```
#fbfbfe rgb(251,251,254)
```

Tint Color Variation

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

#8a8998
```
#8a8998 rgb(138,137,152)
```
#8381a1
```
#8381a1 rgb(131,129,161)
```
#7d78a9
```
#7d78a9 rgb(125,120,169)
```
#7670b2
```
#7670b2 rgb(118,112,178)
```
#6f67ba
```
#6f67ba rgb(111,103,186)
```
#685ec3
```
#685ec3 rgb(104,94,195)
```
#6156cb
```
#6156cb rgb(97,86,203)
```
#5a4ed4
```
#5a4ed4 rgb(90,78,212)
```
#5345dc
```
#5345dc rgb(83,69,220)
```
#4c3de5
```
#4c3de5 rgb(76,61,229)
```
#4534ed
```
#4534ed rgb(69,52,237)
```
#3e2cf6
```
#3e2cf6 rgb(62,44,246)
```
#3723fe
```
#3723fe rgb(55,35,254)
```

Tone Color Variation

Below, you can see how #5345dc 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

#5a5a5a Achromatopsia 0.005% of the population
#595674 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c2 Protanopia 1% of men
#0069a9 Deuteranopia 1% of men
#007078 Tritanopia 0.001% of the population

Trichromacy

#1e58cb Protanomaly 1% of men, 0.01% of women
#1e5cbb Deuteranomaly 6% of men, 0.4% of women
#1e609c Tritanomaly 0.01% of the population

#5345dc hex color

#5345dc Color Information

#5345dc Color Conversion

Color Schemes with #5345dc

Alternatives to #5345dc

#5345dc Preview

Shades and Tints of #5345dc

Tones of #5345dc

Color Blindness Simulator