#5653a2 hex color

In a RGB color space, hex #5653a2 is composed of 33.7% red, 32.5% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 46.9% cyan, 48.8% magenta, 0% yellow and 36.5% black. It has a hue angle of 242.3 degrees, a saturation of 32.2% and a lightness of 48%. #5653a2 color hex could be obtained by blending #aca6ff with #000045. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 34
- G 33
- B 64
RGB color chart
- C 47
- M 49
- Y 0
- K 36
CMYK color chart

● #5653a2 color description : Dark moderate blue.

The hexadecimal color #5653a2 has RGB values of R:86, G:83, B:162 and CMYK values of C:0.47, M:0.49, Y:0, K:0.36. Its decimal value is 5657506.

Hex triplet	5653a2	`#5653a2`
RGB Decimal	86, 83, 162	`rgb(86,83,162)`
RGB Percent	33.7, 32.5, 63.5	`rgb(33.7%,32.5%,63.5%)`
CMYK	47, 49, 0, 36
HSL	242.3°, 32.2, 48	`hsl(242.3,32.2%,48%)`
HSV (or HSB)	242.3°, 48.8, 63.5
Web Safe	666699	`#666699`

CIE-LAB	39.196, 22.65, -42.554
XYZ	13.451, 10.773, 35.551
xyY	0.225, 0.18, 10.773
CIE-LCH	39.196, 48.206, 298.024
CIE-LUV	39.196, -3.485, -63.259
Hunter-Lab	32.823, 15.713, -41.243
Binary	01010110, 01010011, 10100010

#5653a2
```
#5653a2 rgb(86,83,162)
```
#9fa253
```
#9fa253 rgb(159,162,83)
```

Complementary Color

#5378a2
```
#5378a2 rgb(83,120,162)
```
#5653a2
```
#5653a2 rgb(86,83,162)
```
#7e53a2
```
#7e53a2 rgb(126,83,162)
```

Analogous Color

#78a253
```
#78a253 rgb(120,162,83)
```
#5653a2
```
#5653a2 rgb(86,83,162)
```
#a27e53
```
#a27e53 rgb(162,126,83)
```

Split Complementary Color

#53a256
```
#53a256 rgb(83,162,86)
```
#5653a2
```
#5653a2 rgb(86,83,162)
```
#a25653
```
#a25653 rgb(162,86,83)
```

Triadic Color

#539fa2
```
#539fa2 rgb(83,159,162)
```
#5653a2
```
#5653a2 rgb(86,83,162)
```
#a25653
```
#a25653 rgb(162,86,83)
```
#9fa253
```
#9fa253 rgb(159,162,83)
```

Tetradic Color

#3b396f
```
#3b396f rgb(59,57,111)
```
#444280
```
#444280 rgb(68,66,128)
```
#4d4a91
```
#4d4a91 rgb(77,74,145)
```
#5653a2
```
#5653a2 rgb(86,83,162)
```
#6461ae
```
#6461ae rgb(100,97,174)
```
#7471b7
```
#7471b7 rgb(116,113,183)
```
#8582bf
```
#8582bf rgb(133,130,191)
```

Monochromatic Color

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

#5364a2
```
#5364a2 rgb(83,100,162)
```
#535da2
```
#535da2 rgb(83,93,162)
```
#5357a2
```
#5357a2 rgb(83,87,162)
```
#5653a2
```
#5653a2 rgb(86,83,162)
```
#5d53a2
```
#5d53a2 rgb(93,83,162)
```
#6353a2
```
#6353a2 rgb(99,83,162)
```
#6a53a2
```
#6a53a2 rgb(106,83,162)
```

Similar Colors

Text with hexadecimal color #5653a2

This text has a font color of #5653a2.

<span style="color:#5653a2;">Text here</span>

#5653a2 background color

This paragraph has a background color of #5653a2.

<p style="background-color:#5653a2;">Content here</p>

#5653a2 border color

This element has a border color of #5653a2.

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

CSS codes

.text {color:#5653a2;}

.background {background-color:#5653a2;}

.border {border:1px solid #5653a2;}

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

#030306
```
#030306 rgb(3,3,6)
```
#0a0a13
```
#0a0a13 rgb(10,10,19)
```
#111120
```
#111120 rgb(17,17,32)
```
#18172d
```
#18172d rgb(24,23,45)
```
#1f1e3a
```
#1f1e3a rgb(31,30,58)
```
#262447
```
#262447 rgb(38,36,71)
```
#2d2b54
```
#2d2b54 rgb(45,43,84)
```
#343261
```
#343261 rgb(52,50,97)
```
#3a386e
```
#3a386e rgb(58,56,110)
```
#413f7b
```
#413f7b rgb(65,63,123)
```
#484688
```
#484688 rgb(72,70,136)
```
#4f4c95
```
#4f4c95 rgb(79,76,149)
```
#5653a2
```
#5653a2 rgb(86,83,162)
```

Shade Color Variation

#605dac
```
#605dac rgb(96,93,172)
```
#6c6ab3
```
#6c6ab3 rgb(108,106,179)
```
#7977b9
```
#7977b9 rgb(121,119,185)
```
#8684c0
```
#8684c0 rgb(134,132,192)
```
#9391c6
```
#9391c6 rgb(147,145,198)
```
#9f9ecd
```
#9f9ecd rgb(159,158,205)
```
#acabd4
```
#acabd4 rgb(172,171,212)
```
#b9b8da
```
#b9b8da rgb(185,184,218)
```
#c6c5e1
```
#c6c5e1 rgb(198,197,225)
```
#d2d1e8
```
#d2d1e8 rgb(210,209,232)
```
#dfdeee
```
#dfdeee rgb(223,222,238)
```
#ecebf5
```
#ecebf5 rgb(236,235,245)
```
#f9f8fc
```
#f9f8fc rgb(249,248,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #79797c is the less saturated color, while #1008ed is the most saturated one.

#79797c
```
#79797c rgb(121,121,124)
```
#706f86
```
#706f86 rgb(112,111,134)
```
#67668f
```
#67668f rgb(103,102,143)
```
#5f5c99
```
#5f5c99 rgb(95,92,153)
```
#5653a2
```
#5653a2 rgb(86,83,162)
```
#4d4aab
```
#4d4aab rgb(77,74,171)
```
#4540b5
```
#4540b5 rgb(69,64,181)
```
#3c37be
```
#3c37be rgb(60,55,190)
```
#332dc8
```
#332dc8 rgb(51,45,200)
```
#2a24d1
```
#2a24d1 rgb(42,36,209)
```
#221adb
```
#221adb rgb(34,26,219)
```
#1911e4
```
#1911e4 rgb(25,17,228)
```
#1008ed
```
#1008ed rgb(16,8,237)
```

Tone Color Variation

Below, you can see how #5653a2 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

#5d5d5d Achromatopsia 0.005% of the population
#5c5b6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c62ac Protanopia 1% of men
#3265a2 Deuteranopia 1% of men
#4b6971 Tritanopia 0.001% of the population

Trichromacy

#465ca8 Protanomaly 1% of men, 0.01% of women
#3f5ea2 Deuteranomaly 6% of men, 0.4% of women
#4f6182 Tritanomaly 0.01% of the population

#5653a2 hex color

#5653a2 Color Information

#5653a2 Color Conversion

Color Schemes with #5653a2

Alternatives to #5653a2

#5653a2 Preview

Shades and Tints of #5653a2

Tones of #5653a2

Color Blindness Simulator