#5656e6 hex color

In a RGB color space, hex #5656e6 is composed of 33.7% red, 33.7% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 62.6% cyan, 62.6% magenta, 0% yellow and 9.8% black. It has a hue angle of 240 degrees, a saturation of 74.2% and a lightness of 62%. #5656e6 color hex could be obtained by blending #acacff with #0000cd. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 34
- G 34
- B 90
RGB color chart
- C 63
- M 63
- Y 0
- K 10
CMYK color chart

● #5656e6 color description : Soft blue.

The hexadecimal color #5656e6 has RGB values of R:86, G:86, B:230 and CMYK values of C:0.63, M:0.63, Y:0, K:0.1. Its decimal value is 5658342.

Hex triplet	5656e6	`#5656e6`
RGB Decimal	86, 86, 230	`rgb(86,86,230)`
RGB Percent	33.7, 33.7, 90.2	`rgb(33.7%,33.7%,90.2%)`
CMYK	63, 63, 0, 10
HSL	240°, 74.2, 62	`hsl(240,74.2%,62%)`
HSV (or HSB)	240°, 62.6, 90.2
Web Safe	6666ff	`#6666ff`

CIE-LAB	44.725, 42.647, -73.099
XYZ	21.446, 14.346, 76.498
xyY	0.191, 0.128, 14.346
CIE-LCH	44.725, 84.63, 300.26
CIE-LUV	44.725, -8.029, -111.252
Hunter-Lab	37.876, 34.783, -93.233
Binary	01010110, 01010110, 11100110

#5656e6
```
#5656e6 rgb(86,86,230)
```
#e6e656
```
#e6e656 rgb(230,230,86)
```

Complementary Color

#569ee6
```
#569ee6 rgb(86,158,230)
```
#5656e6
```
#5656e6 rgb(86,86,230)
```
#9e56e6
```
#9e56e6 rgb(158,86,230)
```

Analogous Color

#9ee656
```
#9ee656 rgb(158,230,86)
```
#5656e6
```
#5656e6 rgb(86,86,230)
```
#e69e56
```
#e69e56 rgb(230,158,86)
```

Split Complementary Color

#56e656
```
#56e656 rgb(86,230,86)
```
#5656e6
```
#5656e6 rgb(86,86,230)
```
#e65656
```
#e65656 rgb(230,86,86)
```

Triadic Color

#56e6e6
```
#56e6e6 rgb(86,230,230)
```
#5656e6
```
#5656e6 rgb(86,86,230)
```
#e65656
```
#e65656 rgb(230,86,86)
```
#e6e656
```
#e6e656 rgb(230,230,86)
```

Tetradic Color

#1f1fd1
```
#1f1fd1 rgb(31,31,209)
```
#2a2adf
```
#2a2adf rgb(42,42,223)
```
#4040e3
```
#4040e3 rgb(64,64,227)
```
#5656e6
```
#5656e6 rgb(86,86,230)
```
#6c6ce9
```
#6c6ce9 rgb(108,108,233)
```
#8282ed
```
#8282ed rgb(130,130,237)
```
#9999f0
```
#9999f0 rgb(153,153,240)
```

Monochromatic Color

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

#567ae6
```
#567ae6 rgb(86,122,230)
```
#566ee6
```
#566ee6 rgb(86,110,230)
```
#5662e6
```
#5662e6 rgb(86,98,230)
```
#5656e6
```
#5656e6 rgb(86,86,230)
```
#6256e6
```
#6256e6 rgb(98,86,230)
```
#6e56e6
```
#6e56e6 rgb(110,86,230)
```
#7a56e6
```
#7a56e6 rgb(122,86,230)
```

Similar Colors

Text with hexadecimal color #5656e6

This text has a font color of #5656e6.

<span style="color:#5656e6;">Text here</span>

#5656e6 background color

This paragraph has a background color of #5656e6.

<p style="background-color:#5656e6;">Content here</p>

#5656e6 border color

This element has a border color of #5656e6.

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

CSS codes

.text {color:#5656e6;}

.background {background-color:#5656e6;}

.border {border:1px solid #5656e6;}

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

#000002
```
#000002 rgb(0,0,2)
```
#030313
```
#030313 rgb(3,3,19)
```
#050524
```
#050524 rgb(5,5,36)
```
#080835
```
#080835 rgb(8,8,53)
```
#0a0a46
```
#0a0a46 rgb(10,10,70)
```
#0d0d57
```
#0d0d57 rgb(13,13,87)
```
#0f0f68
```
#0f0f68 rgb(15,15,104)
```
#121279
```
#121279 rgb(18,18,121)
```
#14148b
```
#14148b rgb(20,20,139)
```
#17179c
```
#17179c rgb(23,23,156)
```
#1a1aad
```
#1a1aad rgb(26,26,173)
```
#1c1cbe
```
#1c1cbe rgb(28,28,190)
```
#1f1fcf
```
#1f1fcf rgb(31,31,207)
```

Shade Color Variation

#2323de
```
#2323de rgb(35,35,222)
```
#3434e1
```
#3434e1 rgb(52,52,225)
```
#4545e3
```
#4545e3 rgb(69,69,227)
```
#5656e6
```
#5656e6 rgb(86,86,230)
```
#6767e9
```
#6767e9 rgb(103,103,233)
```
#7878eb
```
#7878eb rgb(120,120,235)
```
#8989ee
```
#8989ee rgb(137,137,238)
```
#9a9af0
```
#9a9af0 rgb(154,154,240)
```
#ababf3
```
#ababf3 rgb(171,171,243)
```
#bdbdf5
```
#bdbdf5 rgb(189,189,245)
```
#cecef8
```
#cecef8 rgb(206,206,248)
```
#dfdffa
```
#dfdffa rgb(223,223,250)
```
#f0f0fd
```
#f0f0fd rgb(240,240,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9999a3 is the less saturated color, while #4040fc is the most saturated one.

#9999a3
```
#9999a3 rgb(153,153,163)
```
#9292aa
```
#9292aa rgb(146,146,170)
```
#8a8ab2
```
#8a8ab2 rgb(138,138,178)
```
#8383b9
```
#8383b9 rgb(131,131,185)
```
#7b7bc1
```
#7b7bc1 rgb(123,123,193)
```
#7474c8
```
#7474c8 rgb(116,116,200)
```
#6c6cd0
```
#6c6cd0 rgb(108,108,208)
```
#6565d7
```
#6565d7 rgb(101,101,215)
```
#5d5ddf
```
#5d5ddf rgb(93,93,223)
```
#5656e6
```
#5656e6 rgb(86,86,230)
```
#4f4fed
```
#4f4fed rgb(79,79,237)
```
#4747f5
```
#4747f5 rgb(71,71,245)
```
#4040fc
```
#4040fc rgb(64,64,252)
```

Tone Color Variation

Below, you can see how #5656e6 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

#666666 Achromatopsia 0.005% of the population
#636380 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed7 Protanopia 1% of men
#0074bc Deuteranopia 1% of men
#007c85 Tritanopia 0.001% of the population

Trichromacy

#1f65dc Protanomaly 1% of men, 0.01% of women
#1f69cb Deuteranomaly 6% of men, 0.4% of women
#1f6ea8 Tritanomaly 0.01% of the population

#5656e6 hex color

#5656e6 Color Information

#5656e6 Color Conversion

Color Schemes with #5656e6

Alternatives to #5656e6

#5656e6 Preview

Shades and Tints of #5656e6

Tones of #5656e6

Color Blindness Simulator