#5344ce hex color

In a RGB color space, hex #5344ce is composed of 32.5% red, 26.7% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 59.7% cyan, 67% magenta, 0% yellow and 19.2% black. It has a hue angle of 246.5 degrees, a saturation of 58.5% and a lightness of 53.7%. #5344ce color hex could be obtained by blending #a688ff with #00009d. Closest websafe color is: #6633cc.

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

● #5344ce color description : Moderate blue.

The hexadecimal color #5344ce has RGB values of R:83, G:68, B:206 and CMYK values of C:0.6, M:0.67, Y:0, K:0.19. Its decimal value is 5457102.

Hex triplet	5344ce	`#5344ce`
RGB Decimal	83, 68, 206	`rgb(83,68,206)`
RGB Percent	32.5, 26.7, 80.8	`rgb(32.5%,26.7%,80.8%)`
CMYK	60, 67, 0, 19
HSL	246.5°, 58.5, 53.7	`hsl(246.5,58.5%,53.7%)`
HSV (or HSB)	246.5°, 67, 80.8
Web Safe	6633cc	`#6633cc`

CIE-LAB	38.601, 45.102, -69.388
XYZ	16.773, 10.429, 59.518
xyY	0.193, 0.12, 10.429
CIE-LCH	38.601, 82.758, 303.024
CIE-LUV	38.601, -3.568, -101.12
Hunter-Lab	32.294, 36.196, -86.668
Binary	01010011, 01000100, 11001110

#5344ce
```
#5344ce rgb(83,68,206)
```
#bfce44
```
#bfce44 rgb(191,206,68)
```

Complementary Color

#447ace
```
#447ace rgb(68,122,206)
```
#5344ce
```
#5344ce rgb(83,68,206)
```
#9844ce
```
#9844ce rgb(152,68,206)
```

Analogous Color

#7ace44
```
#7ace44 rgb(122,206,68)
```
#5344ce
```
#5344ce rgb(83,68,206)
```
#ce9844
```
#ce9844 rgb(206,152,68)
```

Split Complementary Color

#44ce53
```
#44ce53 rgb(68,206,83)
```
#5344ce
```
#5344ce rgb(83,68,206)
```
#ce5344
```
#ce5344 rgb(206,83,68)
```

Triadic Color

#44bfce
```
#44bfce rgb(68,191,206)
```
#5344ce
```
#5344ce rgb(83,68,206)
```
#ce5344
```
#ce5344 rgb(206,83,68)
```
#bfce44
```
#bfce44 rgb(191,206,68)
```

Tetradic Color

#36299c
```
#36299c rgb(54,41,156)
```
#3c2eb1
```
#3c2eb1 rgb(60,46,177)
```
#4334c5
```
#4334c5 rgb(67,52,197)
```
#5344ce
```
#5344ce rgb(83,68,206)
```
#6658d3
```
#6658d3 rgb(102,88,211)
```
#786cd9
```
#786cd9 rgb(120,108,217)
```
#8b81de
```
#8b81de rgb(139,129,222)
```

Monochromatic Color

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

#4458ce
```
#4458ce rgb(68,88,206)
```
#444cce
```
#444cce rgb(68,76,206)
```
#4744ce
```
#4744ce rgb(71,68,206)
```
#5344ce
```
#5344ce rgb(83,68,206)
```
#5e44ce
```
#5e44ce rgb(94,68,206)
```
#6a44ce
```
#6a44ce rgb(106,68,206)
```
#7644ce
```
#7644ce rgb(118,68,206)
```

Similar Colors

Text with hexadecimal color #5344ce

This text has a font color of #5344ce.

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

#5344ce background color

This paragraph has a background color of #5344ce.

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

#5344ce border color

This element has a border color of #5344ce.

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

CSS codes

.text {color:#5344ce;}

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

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

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

#05040f
```
#05040f rgb(5,4,15)
```
#0a081f
```
#0a081f rgb(10,8,31)
```
#100c2e
```
#100c2e rgb(16,12,46)
```
#15103e
```
#15103e rgb(21,16,62)
```
#1a144d
```
#1a144d rgb(26,20,77)
```
#20185d
```
#20185d rgb(32,24,93)
```
#251c6c
```
#251c6c rgb(37,28,108)
```
#2a207c
```
#2a207c rgb(42,32,124)
```
#30258b
```
#30258b rgb(48,37,139)
```
#35299b
```
#35299b rgb(53,41,155)
```
#3a2daa
```
#3a2daa rgb(58,45,170)
```
#4031ba
```
#4031ba rgb(64,49,186)
```
#4535ca
```
#4535ca rgb(69,53,202)
```

Shade Color Variation

#5344ce
```
#5344ce rgb(83,68,206)
```
#6154d2
```
#6154d2 rgb(97,84,210)
```
#7063d6
```
#7063d6 rgb(112,99,214)
```
#7e73da
```
#7e73da rgb(126,115,218)
```
#8c82de
```
#8c82de rgb(140,130,222)
```
#9a92e2
```
#9a92e2 rgb(154,146,226)
```
#a9a1e6
```
#a9a1e6 rgb(169,161,230)
```
#b7b1eb
```
#b7b1eb rgb(183,177,235)
```
#c5c0ef
```
#c5c0ef rgb(197,192,239)
```
#d4d0f3
```
#d4d0f3 rgb(212,208,243)
```
#e2dff7
```
#e2dff7 rgb(226,223,247)
```
#f0effb
```
#f0effb rgb(240,239,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #85848e is the less saturated color, while #2f17fb is the most saturated one.

#85848e
```
#85848e rgb(133,132,142)
```
#7e7a98
```
#7e7a98 rgb(126,122,152)
```
#7771a1
```
#7771a1 rgb(119,113,161)
```
#6f68aa
```
#6f68aa rgb(111,104,170)
```
#685fb3
```
#685fb3 rgb(104,95,179)
```
#6156bc
```
#6156bc rgb(97,86,188)
```
#5a4dc5
```
#5a4dc5 rgb(90,77,197)
```
#5344ce
```
#5344ce rgb(83,68,206)
```
#4c3bd7
```
#4c3bd7 rgb(76,59,215)
```
#4532e0
```
#4532e0 rgb(69,50,224)
```
#3e29e9
```
#3e29e9 rgb(62,41,233)
```
#3720f2
```
#3720f2 rgb(55,32,242)
```
#2f17fb
```
#2f17fb rgb(47,23,251)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#575470 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060bc Protanopia 1% of men
#0065a4 Deuteranopia 1% of men
#1b6c74 Tritanopia 0.001% of the population

Trichromacy

#1e56c2 Protanomaly 1% of men, 0.01% of women
#1e59b3 Deuteranomaly 6% of men, 0.4% of women
#2f5d95 Tritanomaly 0.01% of the population

#5344ce hex color

#5344ce Color Information

#5344ce Color Conversion

Color Schemes with #5344ce

Alternatives to #5344ce

#5344ce Preview

Shades and Tints of #5344ce

Tones of #5344ce

Color Blindness Simulator