#5344d7 hex color

In a RGB color space, hex #5344d7 is composed of 32.5% red, 26.7% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 61.4% cyan, 68.4% magenta, 0% yellow and 15.7% black. It has a hue angle of 246.1 degrees, a saturation of 64.8% and a lightness of 55.5%. #5344d7 color hex could be obtained by blending #a688ff with #0000af. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 33
- G 27
- B 84
RGB color chart
- C 61
- M 68
- Y 0
- K 16
CMYK color chart

● #5344d7 color description : Moderate blue.

The hexadecimal color #5344d7 has RGB values of R:83, G:68, B:215 and CMYK values of C:0.61, M:0.68, Y:0, K:0.16. Its decimal value is 5457111.

Hex triplet	5344d7	`#5344d7`
RGB Decimal	83, 68, 215	`rgb(83,68,215)`
RGB Percent	32.5, 26.7, 84.3	`rgb(32.5%,26.7%,84.3%)`
CMYK	61, 68, 0, 16
HSL	246.1°, 64.8, 55.5	`hsl(246.1,64.8%,55.5%)`
HSV (or HSB)	246.1°, 68.4, 84.3
Web Safe	6633cc	`#6633cc`

CIE-LAB	39.376, 47.899, -73.309
XYZ	17.898, 10.879, 65.443
xyY	0.19, 0.115, 10.879
CIE-LCH	39.376, 87.57, 303.16
CIE-LUV	39.376, -4.171, -106.938
Hunter-Lab	32.983, 39.14, -94.552
Binary	01010011, 01000100, 11010111

#5344d7
```
#5344d7 rgb(83,68,215)
```
#c8d744
```
#c8d744 rgb(200,215,68)
```

Complementary Color

#447fd7
```
#447fd7 rgb(68,127,215)
```
#5344d7
```
#5344d7 rgb(83,68,215)
```
#9d44d7
```
#9d44d7 rgb(157,68,215)
```

Analogous Color

#7fd744
```
#7fd744 rgb(127,215,68)
```
#5344d7
```
#5344d7 rgb(83,68,215)
```
#d79d44
```
#d79d44 rgb(215,157,68)
```

Split Complementary Color

#44d753
```
#44d753 rgb(68,215,83)
```
#5344d7
```
#5344d7 rgb(83,68,215)
```
#d75344
```
#d75344 rgb(215,83,68)
```

Triadic Color

#44c8d7
```
#44c8d7 rgb(68,200,215)
```
#5344d7
```
#5344d7 rgb(83,68,215)
```
#d75344
```
#d75344 rgb(215,83,68)
```
#c8d744
```
#c8d744 rgb(200,215,68)
```

Tetradic Color

#3224aa
```
#3224aa rgb(50,36,170)
```
#3829bf
```
#3829bf rgb(56,41,191)
```
#402fd3
```
#402fd3 rgb(64,47,211)
```
#5344d7
```
#5344d7 rgb(83,68,215)
```
#6659db
```
#6659db rgb(102,89,219)
```
#7a6ee0
```
#7a6ee0 rgb(122,110,224)
```
#8d83e4
```
#8d83e4 rgb(141,131,228)
```

Monochromatic Color

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

#445ad7
```
#445ad7 rgb(68,90,215)
```
#444ed7
```
#444ed7 rgb(68,78,215)
```
#4744d7
```
#4744d7 rgb(71,68,215)
```
#5344d7
```
#5344d7 rgb(83,68,215)
```
#5f44d7
```
#5f44d7 rgb(95,68,215)
```
#6c44d7
```
#6c44d7 rgb(108,68,215)
```
#7844d7
```
#7844d7 rgb(120,68,215)
```

Similar Colors

Text with hexadecimal color #5344d7

This text has a font color of #5344d7.

<span style="color:#5344d7;">Text here</span>

#5344d7 background color

This paragraph has a background color of #5344d7.

<p style="background-color:#5344d7;">Content here</p>

#5344d7 border color

This element has a border color of #5344d7.

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

CSS codes

.text {color:#5344d7;}

.background {background-color:#5344d7;}

.border {border:1px solid #5344d7;}

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

#020107
```
#020107 rgb(2,1,7)
```
#070517
```
#070517 rgb(7,5,23)
```
#0c0827
```
#0c0827 rgb(12,8,39)
```
#100c37
```
#100c37 rgb(16,12,55)
```
#150f48
```
#150f48 rgb(21,15,72)
```
#1a1358
```
#1a1358 rgb(26,19,88)
```
#1f1668
```
#1f1668 rgb(31,22,104)
```
#231a78
```
#231a78 rgb(35,26,120)
```
#281d88
```
#281d88 rgb(40,29,136)
```
#2d2198
```
#2d2198 rgb(45,33,152)
```
#3224a8
```
#3224a8 rgb(50,36,168)
```
#3627b9
```
#3627b9 rgb(54,39,185)
```
#3b2bc9
```
#3b2bc9 rgb(59,43,201)
```

Shade Color Variation

#4434d4
```
#4434d4 rgb(68,52,212)
```
#5344d7
```
#5344d7 rgb(83,68,215)
```
#6254da
```
#6254da rgb(98,84,218)
```
#7164de
```
#7164de rgb(113,100,222)
```
#8074e1
```
#8074e1 rgb(128,116,225)
```
#8e85e5
```
#8e85e5 rgb(142,133,229)
```
#9d95e8
```
#9d95e8 rgb(157,149,232)
```
#aca5ec
```
#aca5ec rgb(172,165,236)
```
#bbb5ef
```
#bbb5ef rgb(187,181,239)
```
#cac5f3
```
#cac5f3 rgb(202,197,243)
```
#d9d5f6
```
#d9d5f6 rgb(217,213,246)
```
#e8e6fa
```
#e8e6fa rgb(232,230,250)
```
#f6f6fd
```
#f6f6fd rgb(246,246,253)
```

Tint Color Variation

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

#8b8a91
```
#8b8a91 rgb(139,138,145)
```
#84819a
```
#84819a rgb(132,129,154)
```
#7d78a3
```
#7d78a3 rgb(125,120,163)
```
#7670ab
```
#7670ab rgb(118,112,171)
```
#6f67b4
```
#6f67b4 rgb(111,103,180)
```
#685ebd
```
#685ebd rgb(104,94,189)
```
#6155c6
```
#6155c6 rgb(97,85,198)
```
#5a4dce
```
#5a4dce rgb(90,77,206)
```
#5344d7
```
#5344d7 rgb(83,68,215)
```
#4c3be0
```
#4c3be0 rgb(76,59,224)
```
#4533e8
```
#4533e8 rgb(69,51,232)
```
#3e2af1
```
#3e2af1 rgb(62,42,241)
```
#3721fa
```
#3721fa rgb(55,33,250)
```

Tone Color Variation

Below, you can see how #5344d7 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

#595959 Achromatopsia 0.005% of the population
#585572 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062bf Protanopia 1% of men
#0067a6 Deuteranopia 1% of men
#006f76 Tritanopia 0.001% of the population

Trichromacy

#1e57c8 Protanomaly 1% of men, 0.01% of women
#1e5ab8 Deuteranomaly 6% of men, 0.4% of women
#1e5f99 Tritanomaly 0.01% of the population

#5344d7 hex color

#5344d7 Color Information

#5344d7 Color Conversion

Color Schemes with #5344d7

Alternatives to #5344d7

#5344d7 Preview

Shades and Tints of #5344d7

Tones of #5344d7

Color Blindness Simulator