#5653b2 hex color

In a RGB color space, hex #5653b2 is composed of 33.7% red, 32.5% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 51.7% cyan, 53.4% magenta, 0% yellow and 30.2% black. It has a hue angle of 241.9 degrees, a saturation of 38.2% and a lightness of 51.2%. #5653b2 color hex could be obtained by blending #aca6ff with #000065. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 34
- G 33
- B 70
RGB color chart
- C 52
- M 53
- Y 0
- K 30
CMYK color chart

● #5653b2 color description : Dark moderate blue.

The hexadecimal color #5653b2 has RGB values of R:86, G:83, B:178 and CMYK values of C:0.52, M:0.53, Y:0, K:0.3. Its decimal value is 5657522.

Hex triplet	5653b2	`#5653b2`
RGB Decimal	86, 83, 178	`rgb(86,83,178)`
RGB Percent	33.7, 32.5, 69.8	`rgb(33.7%,32.5%,69.8%)`
CMYK	52, 53, 0, 30
HSL	241.9°, 38.2, 51.2	`hsl(241.9,38.2%,51.2%)`
HSV (or HSB)	241.9°, 53.4, 69.8
Web Safe	666699	`#666699`

CIE-LAB	40.211, 27.703, -50.413
XYZ	14.965, 11.379, 43.525
xyY	0.214, 0.163, 11.379
CIE-LCH	40.211, 57.523, 298.79
CIE-LUV	40.211, -4.463, -75.528
Hunter-Lab	33.733, 20.159, -52.889
Binary	01010110, 01010011, 10110010

#5653b2
```
#5653b2 rgb(86,83,178)
```
#afb253
```
#afb253 rgb(175,178,83)
```

Complementary Color

#5380b2
```
#5380b2 rgb(83,128,178)
```
#5653b2
```
#5653b2 rgb(86,83,178)
```
#8653b2
```
#8653b2 rgb(134,83,178)
```

Analogous Color

#80b253
```
#80b253 rgb(128,178,83)
```
#5653b2
```
#5653b2 rgb(86,83,178)
```
#b28653
```
#b28653 rgb(178,134,83)
```

Split Complementary Color

#53b256
```
#53b256 rgb(83,178,86)
```
#5653b2
```
#5653b2 rgb(86,83,178)
```
#b25653
```
#b25653 rgb(178,86,83)
```

Triadic Color

#53afb2
```
#53afb2 rgb(83,175,178)
```
#5653b2
```
#5653b2 rgb(86,83,178)
```
#b25653
```
#b25653 rgb(178,86,83)
```
#afb253
```
#afb253 rgb(175,178,83)
```

Tetradic Color

#3b397f
```
#3b397f rgb(59,57,127)
```
#434191
```
#434191 rgb(67,65,145)
```
#4c49a3
```
#4c49a3 rgb(76,73,163)
```
#5653b2
```
#5653b2 rgb(86,83,178)
```
#6765ba
```
#6765ba rgb(103,101,186)
```
#7976c2
```
#7976c2 rgb(121,118,194)
```
#8a88ca
```
#8a88ca rgb(138,136,202)
```

Monochromatic Color

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

#5368b2
```
#5368b2 rgb(83,104,178)
```
#5360b2
```
#5360b2 rgb(83,96,178)
```
#5358b2
```
#5358b2 rgb(83,88,178)
```
#5653b2
```
#5653b2 rgb(86,83,178)
```
#5e53b2
```
#5e53b2 rgb(94,83,178)
```
#6653b2
```
#6653b2 rgb(102,83,178)
```
#6e53b2
```
#6e53b2 rgb(110,83,178)
```

Similar Colors

Text with hexadecimal color #5653b2

This text has a font color of #5653b2.

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

#5653b2 background color

This paragraph has a background color of #5653b2.

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

#5653b2 border color

This element has a border color of #5653b2.

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

CSS codes

.text {color:#5653b2;}

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

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

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

#020204
```
#020204 rgb(2,2,4)
```
#080812
```
#080812 rgb(8,8,18)
```
#0f0e1f
```
#0f0e1f rgb(15,14,31)
```
#15142d
```
#15142d rgb(21,20,45)
```
#1b1a3a
```
#1b1a3a rgb(27,26,58)
```
#212048
```
#212048 rgb(33,32,72)
```
#282655
```
#282655 rgb(40,38,85)
```
#2e2c63
```
#2e2c63 rgb(46,44,99)
```
#343271
```
#343271 rgb(52,50,113)
```
#3b387e
```
#3b387e rgb(59,56,126)
```
#413f8c
```
#413f8c rgb(65,63,140)
```
#474599
```
#474599 rgb(71,69,153)
```
#4e4ba7
```
#4e4ba7 rgb(78,75,167)
```

Shade Color Variation

#5653b2
```
#5653b2 rgb(86,83,178)
```
#6361b8
```
#6361b8 rgb(99,97,184)
```
#716ebe
```
#716ebe rgb(113,110,190)
```
#7e7cc4
```
#7e7cc4 rgb(126,124,196)
```
#8b89ca
```
#8b89ca rgb(139,137,202)
```
#9997d0
```
#9997d0 rgb(153,151,208)
```
#a6a4d6
```
#a6a4d6 rgb(166,164,214)
```
#b3b2dc
```
#b3b2dc rgb(179,178,220)
```
#c1bfe3
```
#c1bfe3 rgb(193,191,227)
```
#cecde9
```
#cecde9 rgb(206,205,233)
```
#dbdaef
```
#dbdaef rgb(219,218,239)
```
#e8e8f5
```
#e8e8f5 rgb(232,232,245)
```
#f6f6fb
```
#f6f6fb rgb(246,246,251)
```

Tint Color Variation

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

#7a798c
```
#7a798c rgb(122,121,140)
```
#717095
```
#717095 rgb(113,112,149)
```
#68669f
```
#68669f rgb(104,102,159)
```
#5f5da8
```
#5f5da8 rgb(95,93,168)
```
#5653b2
```
#5653b2 rgb(86,83,178)
```
#4d49bc
```
#4d49bc rgb(77,73,188)
```
#4440c5
```
#4440c5 rgb(68,64,197)
```
#3b36cf
```
#3b36cf rgb(59,54,207)
```
#322dd8
```
#322dd8 rgb(50,45,216)
```
#2923e2
```
#2923e2 rgb(41,35,226)
```
#201aeb
```
#201aeb rgb(32,26,235)
```
#1710f5
```
#1710f5 rgb(23,16,245)
```
#0e06ff
```
#0e06ff rgb(14,6,255)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#5d5d70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2864bd Protanopia 1% of men
#0068ae Deuteranopia 1% of men
#446d75 Tritanopia 0.001% of the population

Trichromacy

#395db9 Protanomaly 1% of men, 0.01% of women
#1f60af Deuteranomaly 6% of men, 0.4% of women
#4a638b Tritanomaly 0.01% of the population

#5653b2 hex color

#5653b2 Color Information

#5653b2 Color Conversion

Color Schemes with #5653b2

Alternatives to #5653b2

#5653b2 Preview

Shades and Tints of #5653b2

Tones of #5653b2

Color Blindness Simulator