#5345ed hex color

In a RGB color space, hex #5345ed is composed of 32.5% red, 27.1% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 65% cyan, 70.9% magenta, 0% yellow and 7.1% black. It has a hue angle of 245 degrees, a saturation of 82.4% and a lightness of 60%. #5345ed color hex could be obtained by blending #a68aff with #0000db. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 33
- G 27
- B 93
RGB color chart
- C 65
- M 71
- Y 0
- K 7
CMYK color chart

● #5345ed color description : Bright blue.

The hexadecimal color #5345ed has RGB values of R:83, G:69, B:237 and CMYK values of C:0.65, M:0.71, Y:0, K:0.07. Its decimal value is 5457389.

Hex triplet	5345ed	`#5345ed`
RGB Decimal	83, 69, 237	`rgb(83,69,237)`
RGB Percent	32.5, 27.1, 92.9	`rgb(32.5%,27.1%,92.9%)`
CMYK	65, 71, 0, 7
HSL	245°, 82.4, 60	`hsl(245,82.4%,60%)`
HSV (or HSB)	245°, 70.9, 92.9
Web Safe	6633ff	`#6633ff`

CIE-LAB	41.546, 54.126, -82.276
XYZ	20.978, 12.209, 81.367
xyY	0.183, 0.107, 12.209
CIE-LCH	41.546, 98.483, 303.339
CIE-LUV	41.546, -5.736, -120.543
Hunter-Lab	34.941, 46.025, -113.61
Binary	01010011, 01000101, 11101101

#5345ed
```
#5345ed rgb(83,69,237)
```
#dfed45
```
#dfed45 rgb(223,237,69)
```

Complementary Color

#458bed
```
#458bed rgb(69,139,237)
```
#5345ed
```
#5345ed rgb(83,69,237)
```
#a745ed
```
#a745ed rgb(167,69,237)
```

Analogous Color

#8bed45
```
#8bed45 rgb(139,237,69)
```
#5345ed
```
#5345ed rgb(83,69,237)
```
#eda745
```
#eda745 rgb(237,167,69)
```

Split Complementary Color

#45ed53
```
#45ed53 rgb(69,237,83)
```
#5345ed
```
#5345ed rgb(83,69,237)
```
#ed5345
```
#ed5345 rgb(237,83,69)
```

Triadic Color

#45dfed
```
#45dfed rgb(69,223,237)
```
#5345ed
```
#5345ed rgb(83,69,237)
```
#ed5345
```
#ed5345 rgb(237,83,69)
```
#dfed45
```
#dfed45 rgb(223,237,69)
```

Tetradic Color

#2414d1
```
#2414d1 rgb(36,20,209)
```
#2817e9
```
#2817e9 rgb(40,23,233)
```
#3e2eeb
```
#3e2eeb rgb(62,46,235)
```
#5345ed
```
#5345ed rgb(83,69,237)
```
#695cef
```
#695cef rgb(105,92,239)
```
#7e74f2
```
#7e74f2 rgb(126,116,242)
```
#948bf4
```
#948bf4 rgb(148,139,244)
```

Monochromatic Color

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

#4561ed
```
#4561ed rgb(69,97,237)
```
#4553ed
```
#4553ed rgb(69,83,237)
```
#4545ed
```
#4545ed rgb(69,69,237)
```
#5345ed
```
#5345ed rgb(83,69,237)
```
#6145ed
```
#6145ed rgb(97,69,237)
```
#6f45ed
```
#6f45ed rgb(111,69,237)
```
#7d45ed
```
#7d45ed rgb(125,69,237)
```

Similar Colors

Text with hexadecimal color #5345ed

This text has a font color of #5345ed.

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

#5345ed background color

This paragraph has a background color of #5345ed.

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

#5345ed border color

This element has a border color of #5345ed.

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

CSS codes

.text {color:#5345ed;}

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

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

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, #02010b is the darkest color, while #f8f8fe is the lightest one.

#02010b
```
#02010b rgb(2,1,11)
```
#05031d
```
#05031d rgb(5,3,29)
```
#08042f
```
#08042f rgb(8,4,47)
```
#0b0640
```
#0b0640 rgb(11,6,64)
```
#0e0852
```
#0e0852 rgb(14,8,82)
```
#110a64
```
#110a64 rgb(17,10,100)
```
#140b76
```
#140b76 rgb(20,11,118)
```
#170d88
```
#170d88 rgb(23,13,136)
```
#1a0f9a
```
#1a0f9a rgb(26,15,154)
```
#1e11ac
```
#1e11ac rgb(30,17,172)
```
#2112be
```
#2112be rgb(33,18,190)
```
#2414cf
```
#2414cf rgb(36,20,207)
```
#2716e1
```
#2716e1 rgb(39,22,225)
```

Shade Color Variation

#3221ea
```
#3221ea rgb(50,33,234)
```
#4233eb
```
#4233eb rgb(66,51,235)
```
#5345ed
```
#5345ed rgb(83,69,237)
```
#6457ef
```
#6457ef rgb(100,87,239)
```
#7469f0
```
#7469f0 rgb(116,105,240)
```
#857bf2
```
#857bf2 rgb(133,123,242)
```
#958df4
```
#958df4 rgb(149,141,244)
```
#a69ef6
```
#a69ef6 rgb(166,158,246)
```
#b6b0f7
```
#b6b0f7 rgb(182,176,247)
```
#c7c2f9
```
#c7c2f9 rgb(199,194,249)
```
#d7d4fb
```
#d7d4fb rgb(215,212,251)
```
#e8e6fd
```
#e8e6fd rgb(232,230,253)
```
#f8f8fe
```
#f8f8fe rgb(248,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #94939f is the less saturated color, while #4635fd is the most saturated one.

#94939f
```
#94939f rgb(148,147,159)
```
#8e8ca6
```
#8e8ca6 rgb(142,140,166)
```
#8784ae
```
#8784ae rgb(135,132,174)
```
#817cb6
```
#817cb6 rgb(129,124,182)
```
#7a74be
```
#7a74be rgb(122,116,190)
```
#746cc6
```
#746cc6 rgb(116,108,198)
```
#6d64ce
```
#6d64ce rgb(109,100,206)
```
#675dd5
```
#675dd5 rgb(103,93,213)
```
#6055dd
```
#6055dd rgb(96,85,221)
```
#5a4de5
```
#5a4de5 rgb(90,77,229)
```
#5345ed
```
#5345ed rgb(83,69,237)
```
#4c3df5
```
#4c3df5 rgb(76,61,245)
```
#4635fd
```
#4635fd rgb(70,53,253)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#5a5779 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067c8 Protanopia 1% of men
#006dae Deuteranopia 1% of men
#00747b Tritanopia 0.001% of the population

Trichromacy

#1e5ad5 Protanomaly 1% of men, 0.01% of women
#1e5ec5 Deuteranomaly 6% of men, 0.4% of women
#1e63a5 Tritanomaly 0.01% of the population

#5345ed hex color

#5345ed Color Information

#5345ed Color Conversion

Color Schemes with #5345ed

Alternatives to #5345ed

#5345ed Preview

Shades and Tints of #5345ed

Tones of #5345ed

Color Blindness Simulator