#5344aa hex color

In a RGB color space, hex #5344aa is composed of 32.5% red, 26.7% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 51.2% cyan, 60% magenta, 0% yellow and 33.3% black. It has a hue angle of 248.8 degrees, a saturation of 42.9% and a lightness of 46.7%. #5344aa color hex could be obtained by blending #a688ff with #000055. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 33
- G 27
- B 67
RGB color chart
- C 51
- M 60
- Y 0
- K 33
CMYK color chart

● #5344aa color description : Dark moderate blue.

The hexadecimal color #5344aa has RGB values of R:83, G:68, B:170 and CMYK values of C:0.51, M:0.6, Y:0, K:0.33. Its decimal value is 5457066.

Hex triplet	5344aa	`#5344aa`
RGB Decimal	83, 68, 170	`rgb(83,68,170)`
RGB Percent	32.5, 26.7, 66.7	`rgb(32.5%,26.7%,66.7%)`
CMYK	51, 60, 0, 33
HSL	248.8°, 42.9, 46.7	`hsl(248.8,42.9%,46.7%)`
HSV (or HSB)	248.8°, 60, 66.7
Web Safe	663399	`#663399`

CIE-LAB	35.743, 33.849, -52.899
XYZ	12.889, 8.875, 39.062
xyY	0.212, 0.146, 8.875
CIE-LCH	35.743, 62.802, 302.614
CIE-LUV	35.743, -0.913, -76.602
Hunter-Lab	29.791, 25.091, -56.887
Binary	01010011, 01000100, 10101010

#5344aa
```
#5344aa rgb(83,68,170)
```
#9baa44
```
#9baa44 rgb(155,170,68)
```

Complementary Color

#4468aa
```
#4468aa rgb(68,104,170)
```
#5344aa
```
#5344aa rgb(83,68,170)
```
#8644aa
```
#8644aa rgb(134,68,170)
```

Analogous Color

#68aa44
```
#68aa44 rgb(104,170,68)
```
#5344aa
```
#5344aa rgb(83,68,170)
```
#aa8644
```
#aa8644 rgb(170,134,68)
```

Split Complementary Color

#44aa53
```
#44aa53 rgb(68,170,83)
```
#5344aa
```
#5344aa rgb(83,68,170)
```
#aa5344
```
#aa5344 rgb(170,83,68)
```

Triadic Color

#449baa
```
#449baa rgb(68,155,170)
```
#5344aa
```
#5344aa rgb(83,68,170)
```
#aa5344
```
#aa5344 rgb(170,83,68)
```
#9baa44
```
#9baa44 rgb(155,170,68)
```

Tetradic Color

#382e73
```
#382e73 rgb(56,46,115)
```
#413586
```
#413586 rgb(65,53,134)
```
#4a3d98
```
#4a3d98 rgb(74,61,152)
```
#5344aa
```
#5344aa rgb(83,68,170)
```
#5e4fb9
```
#5e4fb9 rgb(94,79,185)
```
#6f61c0
```
#6f61c0 rgb(111,97,192)
```
#8073c7
```
#8073c7 rgb(128,115,199)
```

Monochromatic Color

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

#444eaa
```
#444eaa rgb(68,78,170)
```
#4446aa
```
#4446aa rgb(68,70,170)
```
#4b44aa
```
#4b44aa rgb(75,68,170)
```
#5344aa
```
#5344aa rgb(83,68,170)
```
#5c44aa
```
#5c44aa rgb(92,68,170)
```
#6444aa
```
#6444aa rgb(100,68,170)
```
#6d44aa
```
#6d44aa rgb(109,68,170)
```

Similar Colors

Text with hexadecimal color #5344aa

This text has a font color of #5344aa.

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

#5344aa background color

This paragraph has a background color of #5344aa.

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

#5344aa border color

This element has a border color of #5344aa.

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

CSS codes

.text {color:#5344aa;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#080610
```
#080610 rgb(8,6,16)
```
#0f0c1e
```
#0f0c1e rgb(15,12,30)
```
#15122c
```
#15122c rgb(21,18,44)
```
#1c173a
```
#1c173a rgb(28,23,58)
```
#231d48
```
#231d48 rgb(35,29,72)
```
#2a2256
```
#2a2256 rgb(42,34,86)
```
#312864
```
#312864 rgb(49,40,100)
```
#382e72
```
#382e72 rgb(56,46,114)
```
#3e3380
```
#3e3380 rgb(62,51,128)
```
#45398e
```
#45398e rgb(69,57,142)
```
#4c3e9c
```
#4c3e9c rgb(76,62,156)
```
#5344aa
```
#5344aa rgb(83,68,170)
```

Shade Color Variation

#5b4bb7
```
#5b4bb7 rgb(91,75,183)
```
#6759bc
```
#6759bc rgb(103,89,188)
```
#7467c2
```
#7467c2 rgb(116,103,194)
```
#8175c8
```
#8175c8 rgb(129,117,200)
```
#8e83cd
```
#8e83cd rgb(142,131,205)
```
#9b91d3
```
#9b91d3 rgb(155,145,211)
```
#a79fd9
```
#a79fd9 rgb(167,159,217)
```
#b4adde
```
#b4adde rgb(180,173,222)
```
#c1bbe4
```
#c1bbe4 rgb(193,187,228)
```
#cec9e9
```
#cec9e9 rgb(206,201,233)
```
#dad7ef
```
#dad7ef rgb(218,215,239)
```
#e7e5f5
```
#e7e5f5 rgb(231,229,245)
```
#f4f3fa
```
#f4f3fa rgb(244,243,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #73727c is the less saturated color, while #2604ea is the most saturated one.

#73727c
```
#73727c rgb(115,114,124)
```
#6d6985
```
#6d6985 rgb(109,105,133)
```
#665f8f
```
#665f8f rgb(102,95,143)
```
#605698
```
#605698 rgb(96,86,152)
```
#594da1
```
#594da1 rgb(89,77,161)
```
#5344aa
```
#5344aa rgb(83,68,170)
```
#4d3bb3
```
#4d3bb3 rgb(77,59,179)
```
#4632bc
```
#4632bc rgb(70,50,188)
```
#4029c5
```
#4029c5 rgb(64,41,197)
```
#391fcf
```
#391fcf rgb(57,31,207)
```
#3316d8
```
#3316d8 rgb(51,22,216)
```
#2c0de1
```
#2c0de1 rgb(44,13,225)
```
#2604ea
```
#2604ea rgb(38,4,234)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#545165 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005ab0 Protanopia 1% of men
#005e9b Deuteranopia 1% of men
#406269 Tritanopia 0.001% of the population

Trichromacy

#1e52ae Protanomaly 1% of men, 0.01% of women
#1e55a1 Deuteranomaly 6% of men, 0.4% of women
#475780 Tritanomaly 0.01% of the population

#5344aa hex color

#5344aa Color Information

#5344aa Color Conversion

Color Schemes with #5344aa

Alternatives to #5344aa

#5344aa Preview

Shades and Tints of #5344aa

Tones of #5344aa

Color Blindness Simulator