#5344b5 hex color

In a RGB color space, hex #5344b5 is composed of 32.5% red, 26.7% green and 71% blue. Whereas in a CMYK color space, it is composed of 54.1% cyan, 62.4% magenta, 0% yellow and 29% black. It has a hue angle of 248 degrees, a saturation of 45.4% and a lightness of 48.8%. #5344b5 color hex could be obtained by blending #a688ff with #00006b. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 33
- G 27
- B 71
RGB color chart
- C 54
- M 62
- Y 0
- K 29
CMYK color chart

● #5344b5 color description : Moderate blue.

The hexadecimal color #5344b5 has RGB values of R:83, G:68, B:181 and CMYK values of C:0.54, M:0.62, Y:0, K:0.29. Its decimal value is 5457077.

Hex triplet	5344b5	`#5344b5`
RGB Decimal	83, 68, 181	`rgb(83,68,181)`
RGB Percent	32.5, 26.7, 71	`rgb(32.5%,26.7%,71%)`
CMYK	54, 62, 0, 29
HSL	248°, 45.4, 48.8	`hsl(248,45.4%,48.8%)`
HSV (or HSB)	248°, 62.4, 71
Web Safe	6633cc	`#6633cc`

CIE-LAB	36.573, 37.285, -58.083
XYZ	13.973, 9.309, 44.774
xyY	0.205, 0.137, 9.309
CIE-LCH	36.573, 69.02, 302.697
CIE-LUV	36.573, -1.768, -84.324
Hunter-Lab	30.511, 28.356, -65.65
Binary	01010011, 01000100, 10110101

#5344b5
```
#5344b5 rgb(83,68,181)
```
#a6b544
```
#a6b544 rgb(166,181,68)
```

Complementary Color

#446eb5
```
#446eb5 rgb(68,110,181)
```
#5344b5
```
#5344b5 rgb(83,68,181)
```
#8c44b5
```
#8c44b5 rgb(140,68,181)
```

Analogous Color

#6eb544
```
#6eb544 rgb(110,181,68)
```
#5344b5
```
#5344b5 rgb(83,68,181)
```
#b58c44
```
#b58c44 rgb(181,140,68)
```

Split Complementary Color

#44b553
```
#44b553 rgb(68,181,83)
```
#5344b5
```
#5344b5 rgb(83,68,181)
```
#b55344
```
#b55344 rgb(181,83,68)
```

Triadic Color

#44a6b5
```
#44a6b5 rgb(68,166,181)
```
#5344b5
```
#5344b5 rgb(83,68,181)
```
#b55344
```
#b55344 rgb(181,83,68)
```
#a6b544
```
#a6b544 rgb(166,181,68)
```

Tetradic Color

#392f7d
```
#392f7d rgb(57,47,125)
```
#423690
```
#423690 rgb(66,54,144)
```
#4a3da2
```
#4a3da2 rgb(74,61,162)
```
#5344b5
```
#5344b5 rgb(83,68,181)
```
#6254bf
```
#6254bf rgb(98,84,191)
```
#7366c6
```
#7366c6 rgb(115,102,198)
```
#8479cd
```
#8479cd rgb(132,121,205)
```

Monochromatic Color

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

#4451b5
```
#4451b5 rgb(68,81,181)
```
#4448b5
```
#4448b5 rgb(68,72,181)
```
#4a44b5
```
#4a44b5 rgb(74,68,181)
```
#5344b5
```
#5344b5 rgb(83,68,181)
```
#5c44b5
```
#5c44b5 rgb(92,68,181)
```
#6644b5
```
#6644b5 rgb(102,68,181)
```
#6f44b5
```
#6f44b5 rgb(111,68,181)
```

Similar Colors

Text with hexadecimal color #5344b5

This text has a font color of #5344b5.

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

#5344b5 background color

This paragraph has a background color of #5344b5.

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

#5344b5 border color

This element has a border color of #5344b5.

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

CSS codes

.text {color:#5344b5;}

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

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

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, #05040a is the darkest color, while #fbfbfd is the lightest one.

#05040a
```
#05040a rgb(5,4,10)
```
#0b0918
```
#0b0918 rgb(11,9,24)
```
#120e26
```
#120e26 rgb(18,14,38)
```
#181435
```
#181435 rgb(24,20,53)
```
#1f1943
```
#1f1943 rgb(31,25,67)
```
#251f51
```
#251f51 rgb(37,31,81)
```
#2c245f
```
#2c245f rgb(44,36,95)
```
#32296e
```
#32296e rgb(50,41,110)
```
#392f7c
```
#392f7c rgb(57,47,124)
```
#3f348a
```
#3f348a rgb(63,52,138)
```
#463998
```
#463998 rgb(70,57,152)
```
#4c3fa7
```
#4c3fa7 rgb(76,63,167)
```
#5344b5
```
#5344b5 rgb(83,68,181)
```

Shade Color Variation

#5e50bd
```
#5e50bd rgb(94,80,189)
```
#6b5ec2
```
#6b5ec2 rgb(107,94,194)
```
#786cc8
```
#786cc8 rgb(120,108,200)
```
#857acd
```
#857acd rgb(133,122,205)
```
#9289d3
```
#9289d3 rgb(146,137,211)
```
#9f97d8
```
#9f97d8 rgb(159,151,216)
```
#ada5dd
```
#ada5dd rgb(173,165,221)
```
#bab3e3
```
#bab3e3 rgb(186,179,227)
```
#c7c2e8
```
#c7c2e8 rgb(199,194,232)
```
#d4d0ed
```
#d4d0ed rgb(212,208,237)
```
#e1def3
```
#e1def3 rgb(225,222,243)
```
#eeecf8
```
#eeecf8 rgb(238,236,248)
```
#fbfbfd
```
#fbfbfd rgb(251,251,253)
```

Tint Color Variation

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

#767485
```
#767485 rgb(118,116,133)
```
#6f6a8f
```
#6f6a8f rgb(111,106,143)
```
#686198
```
#686198 rgb(104,97,152)
```
#6157a2
```
#6157a2 rgb(97,87,162)
```
#5a4eab
```
#5a4eab rgb(90,78,171)
```
#5344b5
```
#5344b5 rgb(83,68,181)
```
#4c3abf
```
#4c3abf rgb(76,58,191)
```
#4531c8
```
#4531c8 rgb(69,49,200)
```
#3e27d2
```
#3e27d2 rgb(62,39,210)
```
#371edb
```
#371edb rgb(55,30,219)
```
#3014e5
```
#3014e5 rgb(48,20,229)
```
#290bee
```
#290bee rgb(41,11,238)
```
#2201f8
```
#2201f8 rgb(34,1,248)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#555268 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb3 Protanopia 1% of men
#00609e Deuteranopia 1% of men
#39656c Tritanopia 0.001% of the population

Trichromacy

#1e53b4 Protanomaly 1% of men, 0.01% of women
#1e56a6 Deuteranomaly 6% of men, 0.4% of women
#425986 Tritanomaly 0.01% of the population

#5344b5 hex color

#5344b5 Color Information

#5344b5 Color Conversion

Color Schemes with #5344b5

Alternatives to #5344b5

#5344b5 Preview

Shades and Tints of #5344b5

Tones of #5344b5

Color Blindness Simulator