#5345ef hex color

In a RGB color space, hex #5345ef is composed of 32.5% red, 27.1% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 65.3% cyan, 71.1% magenta, 0% yellow and 6.3% black. It has a hue angle of 244.9 degrees, a saturation of 84.2% and a lightness of 60.4%. #5345ef color hex could be obtained by blending #a68aff with #0000df. Closest websafe color is: #6633ff.

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

● #5345ef color description : Bright blue.

The hexadecimal color #5345ef has RGB values of R:83, G:69, B:239 and CMYK values of C:0.65, M:0.71, Y:0, K:0.06. Its decimal value is 5457391.

Hex triplet	5345ef	`#5345ef`
RGB Decimal	83, 69, 239	`rgb(83,69,239)`
RGB Percent	32.5, 27.1, 93.7	`rgb(32.5%,27.1%,93.7%)`
CMYK	65, 71, 0, 6
HSL	244.9°, 84.2, 60.4	`hsl(244.9,84.2%,60.4%)`
HSV (or HSB)	244.9°, 71.1, 93.7
Web Safe	6633ff	`#6633ff`

CIE-LAB	41.73, 54.736, -83.102
XYZ	21.272, 12.326, 82.915
xyY	0.183, 0.106, 12.326
CIE-LCH	41.73, 99.509, 303.372
CIE-LUV	41.73, -5.855, -121.774
Hunter-Lab	35.109, 46.713, -115.447
Binary	01010011, 01000101, 11101111

#5345ef
```
#5345ef rgb(83,69,239)
```
#e1ef45
```
#e1ef45 rgb(225,239,69)
```

Complementary Color

#458cef
```
#458cef rgb(69,140,239)
```
#5345ef
```
#5345ef rgb(83,69,239)
```
#a845ef
```
#a845ef rgb(168,69,239)
```

Analogous Color

#8cef45
```
#8cef45 rgb(140,239,69)
```
#5345ef
```
#5345ef rgb(83,69,239)
```
#efa845
```
#efa845 rgb(239,168,69)
```

Split Complementary Color

#45ef53
```
#45ef53 rgb(69,239,83)
```
#5345ef
```
#5345ef rgb(83,69,239)
```
#ef5345
```
#ef5345 rgb(239,83,69)
```

Triadic Color

#45e1ef
```
#45e1ef rgb(69,225,239)
```
#5345ef
```
#5345ef rgb(83,69,239)
```
#ef5345
```
#ef5345 rgb(239,83,69)
```
#e1ef45
```
#e1ef45 rgb(225,239,69)
```

Tetradic Color

#2212d5
```
#2212d5 rgb(34,18,213)
```
#2816eb
```
#2816eb rgb(40,22,235)
```
#3d2eed
```
#3d2eed rgb(61,46,237)
```
#5345ef
```
#5345ef rgb(83,69,239)
```
#695cf1
```
#695cf1 rgb(105,92,241)
```
#7e74f3
```
#7e74f3 rgb(126,116,243)
```
#948bf5
```
#948bf5 rgb(148,139,245)
```

Monochromatic Color

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

#4562ef
```
#4562ef rgb(69,98,239)
```
#4553ef
```
#4553ef rgb(69,83,239)
```
#4545ef
```
#4545ef rgb(69,69,239)
```
#5345ef
```
#5345ef rgb(83,69,239)
```
#6145ef
```
#6145ef rgb(97,69,239)
```
#6f45ef
```
#6f45ef rgb(111,69,239)
```
#7e45ef
```
#7e45ef rgb(126,69,239)
```

Similar Colors

Text with hexadecimal color #5345ef

This text has a font color of #5345ef.

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

#5345ef background color

This paragraph has a background color of #5345ef.

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

#5345ef border color

This element has a border color of #5345ef.

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

CSS codes

.text {color:#5345ef;}

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

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

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

#02010d
```
#02010d rgb(2,1,13)
```
#05031f
```
#05031f rgb(5,3,31)
```
#080431
```
#080431 rgb(8,4,49)
```
#0b0643
```
#0b0643 rgb(11,6,67)
```
#0e0755
```
#0e0755 rgb(14,7,85)
```
#110967
```
#110967 rgb(17,9,103)
```
#140a79
```
#140a79 rgb(20,10,121)
```
#160c8b
```
#160c8b rgb(22,12,139)
```
#190e9d
```
#190e9d rgb(25,14,157)
```
#1c0faf
```
#1c0faf rgb(28,15,175)
```
#1f11c1
```
#1f11c1 rgb(31,17,193)
```
#2212d3
```
#2212d3 rgb(34,18,211)
```
#2514e5
```
#2514e5 rgb(37,20,229)
```

Shade Color Variation

#3221ec
```
#3221ec rgb(50,33,236)
```
#4233ed
```
#4233ed rgb(66,51,237)
```
#5345ef
```
#5345ef rgb(83,69,239)
```
#6457f1
```
#6457f1 rgb(100,87,241)
```
#7469f2
```
#7469f2 rgb(116,105,242)
```
#857bf4
```
#857bf4 rgb(133,123,244)
```
#968df5
```
#968df5 rgb(150,141,245)
```
#a79ff7
```
#a79ff7 rgb(167,159,247)
```
#b7b1f8
```
#b7b1f8 rgb(183,177,248)
```
#c8c3fa
```
#c8c3fa rgb(200,195,250)
```
#d9d5fb
```
#d9d5fb rgb(217,213,251)
```
#e9e8fd
```
#e9e8fd rgb(233,232,253)
```
#fafaff
```
#fafaff rgb(250,250,255)
```

Tint Color Variation

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

#9493a1
```
#9493a1 rgb(148,147,161)
```
#8d8ba9
```
#8d8ba9 rgb(141,139,169)
```
#8783b1
```
#8783b1 rgb(135,131,177)
```
#807bb9
```
#807bb9 rgb(128,123,185)
```
#7a74c0
```
#7a74c0 rgb(122,116,192)
```
#736cc8
```
#736cc8 rgb(115,108,200)
```
#6d64d0
```
#6d64d0 rgb(109,100,208)
```
#665cd8
```
#665cd8 rgb(102,92,216)
```
#6055df
```
#6055df rgb(96,85,223)
```
#594de7
```
#594de7 rgb(89,77,231)
```
#5345ef
```
#5345ef rgb(83,69,239)
```
#4d3df7
```
#4d3df7 rgb(77,61,247)
```
#4635ff
```
#4635ff rgb(70,53,255)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#5b587a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067c9 Protanopia 1% of men
#006daf Deuteranopia 1% of men
#00757c Tritanopia 0.001% of the population

Trichromacy

#1e5ad7 Protanomaly 1% of men, 0.01% of women
#1e5ec6 Deuteranomaly 6% of men, 0.4% of women
#1e63a6 Tritanomaly 0.01% of the population

#5345ef hex color

#5345ef Color Information

#5345ef Color Conversion

Color Schemes with #5345ef

Alternatives to #5345ef

#5345ef Preview

Shades and Tints of #5345ef

Tones of #5345ef

Color Blindness Simulator