colorhexa.com

#5344d1 hex color

In a RGB color space, hex #5344d1 is composed of 32.5% red, 26.7% green and 82% blue. Whereas in a CMYK color space, it is composed of 60.3% cyan, 67.5% magenta, 0% yellow and 18% black. It has a hue angle of 246.4 degrees, a saturation of 60.5% and a lightness of 54.3%. #5344d1 color hex could be obtained by blending #a688ff with #0000a3. Closest websafe color is: #6633cc.

- R 33
- G 27
- B 82
RGB color chart
- C 60
- M 67
- Y 0
- K 18
CMYK color chart

● #5344d1 color description : Moderate blue.

The hexadecimal color #5344d1 has RGB values of R:83, G:68, B:209 and CMYK values of C:0.6, M:0.67, Y:0, K:0.18. Its decimal value is 5457105.

Hex triplet	5344d1	`#5344d1`
RGB Decimal	83, 68, 209	`rgb(83,68,209)`
RGB Percent	32.5, 26.7, 82	`rgb(32.5%,26.7%,82%)`
CMYK	60, 67, 0, 18
HSL	246.4°, 60.5, 54.3	`hsl(246.4,60.5%,54.3%)`
HSV (or HSB)	246.4°, 67.5, 82
Web Safe	6633cc	`#6633cc`

CIE-LAB	38.857, 46.036, -70.703
XYZ	17.141, 10.576, 61.456
xyY	0.192, 0.119, 10.576
CIE-LCH	38.857, 84.37, 303.069
CIE-LUV	38.857, -3.771, -103.072
Hunter-Lab	32.521, 37.171, -89.279
Binary	01010011, 01000100, 11010001

#5344d1
```
#5344d1 rgb(83,68,209)
```
#c2d144
```
#c2d144 rgb(194,209,68)
```

Complementary Color

#447cd1
```
#447cd1 rgb(68,124,209)
```
#5344d1
```
#5344d1 rgb(83,68,209)
```
#9a44d1
```
#9a44d1 rgb(154,68,209)
```

Analogous Color

#7cd144
```
#7cd144 rgb(124,209,68)
```
#5344d1
```
#5344d1 rgb(83,68,209)
```
#d19a44
```
#d19a44 rgb(209,154,68)
```

Split Complementary Color

#44d153
```
#44d153 rgb(68,209,83)
```
#5344d1
```
#5344d1 rgb(83,68,209)
```
#d15344
```
#d15344 rgb(209,83,68)
```

Triadic Color

#44c2d1
```
#44c2d1 rgb(68,194,209)
```
#5344d1
```
#5344d1 rgb(83,68,209)
```
#d15344
```
#d15344 rgb(209,83,68)
```
#c2d144
```
#c2d144 rgb(194,209,68)
```

Tetradic Color

#3428a1
```
#3428a1 rgb(52,40,161)
```
#3b2db5
```
#3b2db5 rgb(59,45,181)
```
#4232ca
```
#4232ca rgb(66,50,202)
```
#5344d1
```
#5344d1 rgb(83,68,209)
```
#6658d6
```
#6658d6 rgb(102,88,214)
```
#796ddb
```
#796ddb rgb(121,109,219)
```
#8b81e0
```
#8b81e0 rgb(139,129,224)
```

Monochromatic Color

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

#4458d1
```
#4458d1 rgb(68,88,209)
```
#444dd1
```
#444dd1 rgb(68,77,209)
```
#4744d1
```
#4744d1 rgb(71,68,209)
```
#5344d1
```
#5344d1 rgb(83,68,209)
```
#5f44d1
```
#5f44d1 rgb(95,68,209)
```
#6b44d1
```
#6b44d1 rgb(107,68,209)
```
#7644d1
```
#7644d1 rgb(118,68,209)
```

Similar Colors

Text with hexadecimal color #5344d1

This text has a font color of #5344d1.

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

#5344d1 background color

This paragraph has a background color of #5344d1.

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

#5344d1 border color

This element has a border color of #5344d1.

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

CSS codes

.text {color:#5344d1;}

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

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

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

#010002
```
#010002 rgb(1,0,2)
```
#060412
```
#060412 rgb(6,4,18)
```
#0b0821
```
#0b0821 rgb(11,8,33)
```
#100c31
```
#100c31 rgb(16,12,49)
```
#151041
```
#151041 rgb(21,16,65)
```
#1a1451
```
#1a1451 rgb(26,20,81)
```
#1f1860
```
#1f1860 rgb(31,24,96)
```
#251c70
```
#251c70 rgb(37,28,112)
```
#2a1f80
```
#2a1f80 rgb(42,31,128)
```
#2f2390
```
#2f2390 rgb(47,35,144)
```
#34279f
```
#34279f rgb(52,39,159)
```
#392baf
```
#392baf rgb(57,43,175)
```
#3e2fbf
```
#3e2fbf rgb(62,47,191)
```

Shade Color Variation

#4534cd
```
#4534cd rgb(69,52,205)
```
#5344d1
```
#5344d1 rgb(83,68,209)
```
#6154d5
```
#6154d5 rgb(97,84,213)
```
#7063d9
```
#7063d9 rgb(112,99,217)
```
#7e73dd
```
#7e73dd rgb(126,115,221)
```
#8d83e0
```
#8d83e0 rgb(141,131,224)
```
#9b93e4
```
#9b93e4 rgb(155,147,228)
```
#aaa2e8
```
#aaa2e8 rgb(170,162,232)
```
#b8b2ec
```
#b8b2ec rgb(184,178,236)
```
#c7c2f0
```
#c7c2f0 rgb(199,194,240)
```
#d5d2f4
```
#d5d2f4 rgb(213,210,244)
```
#e4e1f8
```
#e4e1f8 rgb(228,225,248)
```
#f2f1fc
```
#f2f1fc rgb(242,241,252)
```

Tint Color Variation

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

#848392
```
#848392 rgb(132,131,146)
```
#7d7a9b
```
#7d7a9b rgb(125,122,155)
```
#7671a4
```
#7671a4 rgb(118,113,164)
```
#6f68ad
```
#6f68ad rgb(111,104,173)
```
#685fb6
```
#685fb6 rgb(104,95,182)
```
#6156bf
```
#6156bf rgb(97,86,191)
```
#5a4dc8
```
#5a4dc8 rgb(90,77,200)
```
#5344d1
```
#5344d1 rgb(83,68,209)
```
#4c3bda
```
#4c3bda rgb(76,59,218)
```
#4532e3
```
#4532e3 rgb(69,50,227)
```
#3e29ec
```
#3e29ec rgb(62,41,236)
```
#3720f5
```
#3720f5 rgb(55,32,245)
```
#3017fe
```
#3017fe rgb(48,23,254)
```

Tone Color Variation

Below, you can see how #5344d1 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
#585571 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061bd Protanopia 1% of men
#0066a5 Deuteranopia 1% of men
#126d75 Tritanopia 0.001% of the population

Trichromacy

#1e56c4 Protanomaly 1% of men, 0.01% of women
#1e59b5 Deuteranomaly 6% of men, 0.4% of women
#295e96 Tritanomaly 0.01% of the population