#5344bb hex color

In a RGB color space, hex #5344bb is composed of 32.5% red, 26.7% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 55.6% cyan, 63.6% magenta, 0% yellow and 26.7% black. It has a hue angle of 247.6 degrees, a saturation of 46.7% and a lightness of 50%. #5344bb color hex could be obtained by blending #a688ff with #000077. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 33
- G 27
- B 73
RGB color chart
- C 56
- M 64
- Y 0
- K 27
CMYK color chart

● #5344bb color description : Moderate blue.

The hexadecimal color #5344bb has RGB values of R:83, G:68, B:187 and CMYK values of C:0.56, M:0.64, Y:0, K:0.27. Its decimal value is 5457083.

Hex triplet	5344bb	`#5344bb`
RGB Decimal	83, 68, 187	`rgb(83,68,187)`
RGB Percent	32.5, 26.7, 73.3	`rgb(32.5%,26.7%,73.3%)`
CMYK	56, 64, 0, 27
HSL	247.6°, 46.7, 50	`hsl(247.6,46.7%,50%)`
HSV (or HSB)	247.6°, 63.6, 73.3
Web Safe	6633cc	`#6633cc`

CIE-LAB	37.042, 39.163, -60.855
XYZ	14.602, 9.561, 48.087
xyY	0.202, 0.132, 9.561
CIE-LCH	37.042, 72.367, 302.763
CIE-LUV	37.042, -2.218, -88.447
Hunter-Lab	30.92, 30.188, -70.563
Binary	01010011, 01000100, 10111011

#5344bb
```
#5344bb rgb(83,68,187)
```
#acbb44
```
#acbb44 rgb(172,187,68)
```

Complementary Color

#4471bb
```
#4471bb rgb(68,113,187)
```
#5344bb
```
#5344bb rgb(83,68,187)
```
#8f44bb
```
#8f44bb rgb(143,68,187)
```

Analogous Color

#71bb44
```
#71bb44 rgb(113,187,68)
```
#5344bb
```
#5344bb rgb(83,68,187)
```
#bb8f44
```
#bb8f44 rgb(187,143,68)
```

Split Complementary Color

#44bb53
```
#44bb53 rgb(68,187,83)
```
#5344bb
```
#5344bb rgb(83,68,187)
```
#bb5344
```
#bb5344 rgb(187,83,68)
```

Triadic Color

#44acbb
```
#44acbb rgb(68,172,187)
```
#5344bb
```
#5344bb rgb(83,68,187)
```
#bb5344
```
#bb5344 rgb(187,83,68)
```
#acbb44
```
#acbb44 rgb(172,187,68)
```

Tetradic Color

#3a3083
```
#3a3083 rgb(58,48,131)
```
#423696
```
#423696 rgb(66,54,150)
```
#4b3da8
```
#4b3da8 rgb(75,61,168)
```
#5344bb
```
#5344bb rgb(83,68,187)
```
#6457c2
```
#6457c2 rgb(100,87,194)
```
#7569c9
```
#7569c9 rgb(117,105,201)
```
#877ccf
```
#877ccf rgb(135,124,207)
```

Monochromatic Color

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

#4453bb
```
#4453bb rgb(68,83,187)
```
#4449bb
```
#4449bb rgb(68,73,187)
```
#4944bb
```
#4944bb rgb(73,68,187)
```
#5344bb
```
#5344bb rgb(83,68,187)
```
#5d44bb
```
#5d44bb rgb(93,68,187)
```
#6744bb
```
#6744bb rgb(103,68,187)
```
#7144bb
```
#7144bb rgb(113,68,187)
```

Similar Colors

Text with hexadecimal color #5344bb

This text has a font color of #5344bb.

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

#5344bb background color

This paragraph has a background color of #5344bb.

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

#5344bb border color

This element has a border color of #5344bb.

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

CSS codes

.text {color:#5344bb;}

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

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

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, #06050e is the darkest color, while #ffffff is the lightest one.

#06050e
```
#06050e rgb(6,5,14)
```
#0d0a1d
```
#0d0a1d rgb(13,10,29)
```
#13102b
```
#13102b rgb(19,16,43)
```
#1a153a
```
#1a153a rgb(26,21,58)
```
#201a48
```
#201a48 rgb(32,26,72)
```
#261f56
```
#261f56 rgb(38,31,86)
```
#2d2565
```
#2d2565 rgb(45,37,101)
```
#332a73
```
#332a73 rgb(51,42,115)
```
#392f81
```
#392f81 rgb(57,47,129)
```
#403490
```
#403490 rgb(64,52,144)
```
#463a9e
```
#463a9e rgb(70,58,158)
```
#4d3fad
```
#4d3fad rgb(77,63,173)
```
#5344bb
```
#5344bb rgb(83,68,187)
```

Shade Color Variation

#6052c0
```
#6052c0 rgb(96,82,192)
```
#6d61c5
```
#6d61c5 rgb(109,97,197)
```
#7b6fcb
```
#7b6fcb rgb(123,111,203)
```
#887ed0
```
#887ed0 rgb(136,126,208)
```
#958cd5
```
#958cd5 rgb(149,140,213)
```
#a29ada
```
#a29ada rgb(162,154,218)
```
#b0a9e0
```
#b0a9e0 rgb(176,169,224)
```
#bdb7e5
```
#bdb7e5 rgb(189,183,229)
```
#cac5ea
```
#cac5ea rgb(202,197,234)
```
#d7d4ef
```
#d7d4ef rgb(215,212,239)
```
#e5e2f5
```
#e5e2f5 rgb(229,226,245)
```
#f2f1fa
```
#f2f1fa rgb(242,241,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f7f80 is the less saturated color, while #2709f6 is the most saturated one.

#7f7f80
```
#7f7f80 rgb(127,127,128)
```
#78758a
```
#78758a rgb(120,117,138)
```
#706b94
```
#706b94 rgb(112,107,148)
```
#69619e
```
#69619e rgb(105,97,158)
```
#6258a7
```
#6258a7 rgb(98,88,167)
```
#5a4eb1
```
#5a4eb1 rgb(90,78,177)
```
#5344bb
```
#5344bb rgb(83,68,187)
```
#4c3ac5
```
#4c3ac5 rgb(76,58,197)
```
#4430cf
```
#4430cf rgb(68,48,207)
```
#3d27d8
```
#3d27d8 rgb(61,39,216)
```
#361de2
```
#361de2 rgb(54,29,226)
```
#2e13ec
```
#2e13ec rgb(46,19,236)
```
#2709f6
```
#2709f6 rgb(39,9,246)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#55526a Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db5 Protanopia 1% of men
#00629f Deuteranopia 1% of men
#34666e Tritanopia 0.001% of the population

Trichromacy

#1e53b7 Protanomaly 1% of men, 0.01% of women
#1e57a9 Deuteranomaly 6% of men, 0.4% of women
#3f5a8a Tritanomaly 0.01% of the population

#5344bb hex color

#5344bb Color Information

#5344bb Color Conversion

Color Schemes with #5344bb

Alternatives to #5344bb

#5344bb Preview

Shades and Tints of #5344bb

Tones of #5344bb

Color Blindness Simulator