#5344bf hex color

In a RGB color space, hex #5344bf is composed of 32.5% red, 26.7% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 56.5% cyan, 64.4% magenta, 0% yellow and 25.1% black. It has a hue angle of 247.3 degrees, a saturation of 49% and a lightness of 50.8%. #5344bf color hex could be obtained by blending #a688ff with #00007f. Closest websafe color is: #6633cc.

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

● #5344bf color description : Moderate blue.

The hexadecimal color #5344bf has RGB values of R:83, G:68, B:191 and CMYK values of C:0.57, M:0.64, Y:0, K:0.25. Its decimal value is 5457087.

Hex triplet	5344bf	`#5344bf`
RGB Decimal	83, 68, 191	`rgb(83,68,191)`
RGB Percent	32.5, 26.7, 74.9	`rgb(32.5%,26.7%,74.9%)`
CMYK	57, 64, 0, 25
HSL	247.3°, 49, 50.8	`hsl(247.3,49%,50.8%)`
HSV (or HSB)	247.3°, 64.4, 74.9
Web Safe	6633cc	`#6633cc`

CIE-LAB	37.361, 40.415, -62.682
XYZ	15.037, 9.734, 50.374
xyY	0.2, 0.13, 9.734
CIE-LCH	37.361, 74.581, 302.813
CIE-LUV	37.361, -2.511, -91.163
Hunter-Lab	31.2, 31.427, -73.887
Binary	01010011, 01000100, 10111111

#5344bf
```
#5344bf rgb(83,68,191)
```
#b0bf44
```
#b0bf44 rgb(176,191,68)
```

Complementary Color

#4473bf
```
#4473bf rgb(68,115,191)
```
#5344bf
```
#5344bf rgb(83,68,191)
```
#9144bf
```
#9144bf rgb(145,68,191)
```

Analogous Color

#73bf44
```
#73bf44 rgb(115,191,68)
```
#5344bf
```
#5344bf rgb(83,68,191)
```
#bf9144
```
#bf9144 rgb(191,145,68)
```

Split Complementary Color

#44bf53
```
#44bf53 rgb(68,191,83)
```
#5344bf
```
#5344bf rgb(83,68,191)
```
#bf5344
```
#bf5344 rgb(191,83,68)
```

Triadic Color

#44b0bf
```
#44b0bf rgb(68,176,191)
```
#5344bf
```
#5344bf rgb(83,68,191)
```
#bf5344
```
#bf5344 rgb(191,83,68)
```
#b0bf44
```
#b0bf44 rgb(176,191,68)
```

Tetradic Color

#392f88
```
#392f88 rgb(57,47,136)
```
#41359b
```
#41359b rgb(65,53,155)
```
#493cae
```
#493cae rgb(73,60,174)
```
#5344bf
```
#5344bf rgb(83,68,191)
```
#6457c6
```
#6457c6 rgb(100,87,198)
```
#766acc
```
#766acc rgb(118,106,204)
```
#877dd3
```
#877dd3 rgb(135,125,211)
```

Monochromatic Color

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

#4454bf
```
#4454bf rgb(68,84,191)
```
#444abf
```
#444abf rgb(68,74,191)
```
#4944bf
```
#4944bf rgb(73,68,191)
```
#5344bf
```
#5344bf rgb(83,68,191)
```
#5d44bf
```
#5d44bf rgb(93,68,191)
```
#6844bf
```
#6844bf rgb(104,68,191)
```
#7244bf
```
#7244bf rgb(114,68,191)
```

Similar Colors

Text with hexadecimal color #5344bf

This text has a font color of #5344bf.

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

#5344bf background color

This paragraph has a background color of #5344bf.

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

#5344bf border color

This element has a border color of #5344bf.

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

CSS codes

.text {color:#5344bf;}

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

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

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

#010103
```
#010103 rgb(1,1,3)
```
#070612
```
#070612 rgb(7,6,18)
```
#0e0b20
```
#0e0b20 rgb(14,11,32)
```
#14102f
```
#14102f rgb(20,16,47)
```
#1a153d
```
#1a153d rgb(26,21,61)
```
#201a4c
```
#201a4c rgb(32,26,76)
```
#261f5b
```
#261f5b rgb(38,31,91)
```
#2c2469
```
#2c2469 rgb(44,36,105)
```
#332978
```
#332978 rgb(51,41,120)
```
#392e87
```
#392e87 rgb(57,46,135)
```
#3f3395
```
#3f3395 rgb(63,51,149)
```
#4538a4
```
#4538a4 rgb(69,56,164)
```
#4b3db2
```
#4b3db2 rgb(75,61,178)
```

Shade Color Variation

#5344bf
```
#5344bf rgb(83,68,191)
```
#6053c4
```
#6053c4 rgb(96,83,196)
```
#6e61c9
```
#6e61c9 rgb(110,97,201)
```
#7b70ce
```
#7b70ce rgb(123,112,206)
```
#897ed3
```
#897ed3 rgb(137,126,211)
```
#968dd8
```
#968dd8 rgb(150,141,216)
```
#a49cdd
```
#a49cdd rgb(164,156,221)
```
#b1aae2
```
#b1aae2 rgb(177,170,226)
```
#bfb9e7
```
#bfb9e7 rgb(191,185,231)
```
#ccc8ec
```
#ccc8ec rgb(204,200,236)
```
#d9d6f1
```
#d9d6f1 rgb(217,214,241)
```
#e7e5f6
```
#e7e5f6 rgb(231,229,246)
```
#f4f3fb
```
#f4f3fb rgb(244,243,251)
```

Tint Color Variation

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

#7f7e85
```
#7f7e85 rgb(127,126,133)
```
#77748f
```
#77748f rgb(119,116,143)
```
#706b98
```
#706b98 rgb(112,107,152)
```
#6961a2
```
#6961a2 rgb(105,97,162)
```
#6257ac
```
#6257ac rgb(98,87,172)
```
#5a4eb5
```
#5a4eb5 rgb(90,78,181)
```
#5344bf
```
#5344bf rgb(83,68,191)
```
#4c3ac9
```
#4c3ac9 rgb(76,58,201)
```
#4431d2
```
#4431d2 rgb(68,49,210)
```
#3d27dc
```
#3d27dc rgb(61,39,220)
```
#361de6
```
#361de6 rgb(54,29,230)
```
#2f14ef
```
#2f14ef rgb(47,20,239)
```
#270af9
```
#270af9 rgb(39,10,249)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#56536c Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db7 Protanopia 1% of men
#0062a0 Deuteranopia 1% of men
#31686f Tritanopia 0.001% of the population

Trichromacy

#1e54b9 Protanomaly 1% of men, 0.01% of women
#1e57ab Deuteranomaly 6% of men, 0.4% of women
#3d5a8c Tritanomaly 0.01% of the population

#5344bf hex color

#5344bf Color Information

#5344bf Color Conversion

Color Schemes with #5344bf

Alternatives to #5344bf

#5344bf Preview

Shades and Tints of #5344bf

Tones of #5344bf

Color Blindness Simulator