#5345de hex color

In a RGB color space, hex #5345de is composed of 32.5% red, 27.1% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 62.6% cyan, 68.9% magenta, 0% yellow and 12.9% black. It has a hue angle of 245.5 degrees, a saturation of 69.9% and a lightness of 57.1%. #5345de color hex could be obtained by blending #a68aff with #0000bd. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 33
- G 27
- B 87
RGB color chart
- C 63
- M 69
- Y 0
- K 13
CMYK color chart

● #5345de color description : Soft blue.

The hexadecimal color #5345de has RGB values of R:83, G:69, B:222 and CMYK values of C:0.63, M:0.69, Y:0, K:0.13. Its decimal value is 5457374.

Hex triplet	5345de	`#5345de`
RGB Decimal	83, 69, 222	`rgb(83,69,222)`
RGB Percent	32.5, 27.1, 87.1	`rgb(32.5%,27.1%,87.1%)`
CMYK	63, 69, 0, 13
HSL	245.5°, 69.9, 57.1	`hsl(245.5,69.9%,57.1%)`
HSV (or HSB)	245.5°, 68.9, 87.1
Web Safe	6633cc	`#6633cc`

CIE-LAB	40.194, 49.509, -75.976
XYZ	18.878, 11.368, 70.303
xyY	0.188, 0.113, 11.368
CIE-LCH	40.194, 90.684, 303.09
CIE-LUV	40.194, -4.812, -111.165
Hunter-Lab	33.717, 40.935, -100.023
Binary	01010011, 01000101, 11011110

#5345de
```
#5345de rgb(83,69,222)
```
#d0de45
```
#d0de45 rgb(208,222,69)
```

Complementary Color

#4584de
```
#4584de rgb(69,132,222)
```
#5345de
```
#5345de rgb(83,69,222)
```
#a045de
```
#a045de rgb(160,69,222)
```

Analogous Color

#84de45
```
#84de45 rgb(132,222,69)
```
#5345de
```
#5345de rgb(83,69,222)
```
#dea045
```
#dea045 rgb(222,160,69)
```

Split Complementary Color

#45de53
```
#45de53 rgb(69,222,83)
```
#5345de
```
#5345de rgb(83,69,222)
```
#de5345
```
#de5345 rgb(222,83,69)
```

Triadic Color

#45d0de
```
#45d0de rgb(69,208,222)
```
#5345de
```
#5345de rgb(83,69,222)
```
#de5345
```
#de5345 rgb(222,83,69)
```
#d0de45
```
#d0de45 rgb(208,222,69)
```

Tetradic Color

#2e20b6
```
#2e20b6 rgb(46,32,182)
```
#3424cc
```
#3424cc rgb(52,36,204)
```
#3f2fda
```
#3f2fda rgb(63,47,218)
```
#5345de
```
#5345de rgb(83,69,222)
```
#675be2
```
#675be2 rgb(103,91,226)
```
#7b70e6
```
#7b70e6 rgb(123,112,230)
```
#8f86ea
```
#8f86ea rgb(143,134,234)
```

Monochromatic Color

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

#455dde
```
#455dde rgb(69,93,222)
```
#4551de
```
#4551de rgb(69,81,222)
```
#4645de
```
#4645de rgb(70,69,222)
```
#5345de
```
#5345de rgb(83,69,222)
```
#6045de
```
#6045de rgb(96,69,222)
```
#6d45de
```
#6d45de rgb(109,69,222)
```
#7945de
```
#7945de rgb(121,69,222)
```

Similar Colors

Text with hexadecimal color #5345de

This text has a font color of #5345de.

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

#5345de background color

This paragraph has a background color of #5345de.

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

#5345de border color

This element has a border color of #5345de.

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

CSS codes

.text {color:#5345de;}

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

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

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

#04020e
```
#04020e rgb(4,2,14)
```
#08051f
```
#08051f rgb(8,5,31)
```
#0c082f
```
#0c082f rgb(12,8,47)
```
#100b40
```
#100b40 rgb(16,11,64)
```
#140e51
```
#140e51 rgb(20,14,81)
```
#191161
```
#191161 rgb(25,17,97)
```
#1d1472
```
#1d1472 rgb(29,20,114)
```
#211783
```
#211783 rgb(33,23,131)
```
#251a93
```
#251a93 rgb(37,26,147)
```
#291da4
```
#291da4 rgb(41,29,164)
```
#2e20b5
```
#2e20b5 rgb(46,32,181)
```
#3223c5
```
#3223c5 rgb(50,35,197)
```
#3626d6
```
#3626d6 rgb(54,38,214)
```

Shade Color Variation

#4434db
```
#4434db rgb(68,52,219)
```
#5345de
```
#5345de rgb(83,69,222)
```
#6256e1
```
#6256e1 rgb(98,86,225)
```
#7266e4
```
#7266e4 rgb(114,102,228)
```
#8177e7
```
#8177e7 rgb(129,119,231)
```
#9188ea
```
#9188ea rgb(145,136,234)
```
#a098ed
```
#a098ed rgb(160,152,237)
```
#afa9f0
```
#afa9f0 rgb(175,169,240)
```
#bfbaf3
```
#bfbaf3 rgb(191,186,243)
```
#cecaf6
```
#cecaf6 rgb(206,202,246)
```
#dedbf9
```
#dedbf9 rgb(222,219,249)
```
#edecfc
```
#edecfc rgb(237,236,252)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #919192 is the less saturated color, while #3e2cf7 is the most saturated one.

#919192
```
#919192 rgb(145,145,146)
```
#8a889b
```
#8a889b rgb(138,136,155)
```
#8380a3
```
#8380a3 rgb(131,128,163)
```
#7c78ab
```
#7c78ab rgb(124,120,171)
```
#756fb4
```
#756fb4 rgb(117,111,180)
```
#6f67bc
```
#6f67bc rgb(111,103,188)
```
#685ec5
```
#685ec5 rgb(104,94,197)
```
#6156cd
```
#6156cd rgb(97,86,205)
```
#5a4dd6
```
#5a4dd6 rgb(90,77,214)
```
#5345de
```
#5345de rgb(83,69,222)
```
#4c3de6
```
#4c3de6 rgb(76,61,230)
```
#4534ef
```
#4534ef rgb(69,52,239)
```
#3e2cf7
```
#3e2cf7 rgb(62,44,247)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#595775 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c2 Protanopia 1% of men
#0069a9 Deuteranopia 1% of men
#007178 Tritanopia 0.001% of the population

Trichromacy

#1e58cc Protanomaly 1% of men, 0.01% of women
#1e5cbc Deuteranomaly 6% of men, 0.4% of women
#1e619d Tritanomaly 0.01% of the population

#5345de hex color

#5345de Color Information

#5345de Color Conversion

Color Schemes with #5345de

Alternatives to #5345de

#5345de Preview

Shades and Tints of #5345de

Tones of #5345de

Color Blindness Simulator