#5662ee hex color

In a RGB color space, hex #5662ee is composed of 33.7% red, 38.4% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 63.9% cyan, 58.8% magenta, 0% yellow and 6.7% black. It has a hue angle of 235.3 degrees, a saturation of 81.7% and a lightness of 63.5%. #5662ee color hex could be obtained by blending #acc4ff with #0000dd. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 34
- G 38
- B 93
RGB color chart
- C 64
- M 59
- Y 0
- K 7
CMYK color chart

● #5662ee color description : Soft blue.

The hexadecimal color #5662ee has RGB values of R:86, G:98, B:238 and CMYK values of C:0.64, M:0.59, Y:0, K:0.07. Its decimal value is 5661422.

Hex triplet	5662ee	`#5662ee`
RGB Decimal	86, 98, 238	`rgb(86,98,238)`
RGB Percent	33.7, 38.4, 93.3	`rgb(33.7%,38.4%,93.3%)`
CMYK	64, 59, 0, 7
HSL	235.3°, 81.7, 63.5	`hsl(235.3,81.7%,63.5%)`
HSV (or HSB)	235.3°, 63.9, 93.3
Web Safe	6666ff	`#6666ff`

CIE-LAB	48.116, 38.059, -72.08
XYZ	23.635, 16.886, 82.898
xyY	0.192, 0.137, 16.886
CIE-LCH	48.116, 81.511, 297.834
CIE-LUV	48.116, -11.243, -112.094
Hunter-Lab	41.092, 30.757, -90.845
Binary	01010110, 01100010, 11101110

#5662ee
```
#5662ee rgb(86,98,238)
```
#eee256
```
#eee256 rgb(238,226,86)
```

Complementary Color

#56aeee
```
#56aeee rgb(86,174,238)
```
#5662ee
```
#5662ee rgb(86,98,238)
```
#9656ee
```
#9656ee rgb(150,86,238)
```

Analogous Color

#aeee56
```
#aeee56 rgb(174,238,86)
```
#5662ee
```
#5662ee rgb(86,98,238)
```
#ee9656
```
#ee9656 rgb(238,150,86)
```

Split Complementary Color

#62ee56
```
#62ee56 rgb(98,238,86)
```
#5662ee
```
#5662ee rgb(86,98,238)
```
#ee5662
```
#ee5662 rgb(238,86,98)
```

Triadic Color

#56eee2
```
#56eee2 rgb(86,238,226)
```
#5662ee
```
#5662ee rgb(86,98,238)
```
#ee5662
```
#ee5662 rgb(238,86,98)
```
#eee256
```
#eee256 rgb(238,226,86)
```

Tetradic Color

#1727e1
```
#1727e1 rgb(23,39,225)
```
#2837e9
```
#2837e9 rgb(40,55,233)
```
#3f4cec
```
#3f4cec rgb(63,76,236)
```
#5662ee
```
#5662ee rgb(86,98,238)
```
#6d78f0
```
#6d78f0 rgb(109,120,240)
```
#848df3
```
#848df3 rgb(132,141,243)
```
#9ca3f5
```
#9ca3f5 rgb(156,163,245)
```

Monochromatic Color

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

#5688ee
```
#5688ee rgb(86,136,238)
```
#567bee
```
#567bee rgb(86,123,238)
```
#566fee
```
#566fee rgb(86,111,238)
```
#5662ee
```
#5662ee rgb(86,98,238)
```
#5756ee
```
#5756ee rgb(87,86,238)
```
#6356ee
```
#6356ee rgb(99,86,238)
```
#7056ee
```
#7056ee rgb(112,86,238)
```

Similar Colors

Text with hexadecimal color #5662ee

This text has a font color of #5662ee.

<span style="color:#5662ee;">Text here</span>

#5662ee background color

This paragraph has a background color of #5662ee.

<p style="background-color:#5662ee;">Content here</p>

#5662ee border color

This element has a border color of #5662ee.

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

CSS codes

.text {color:#5662ee;}

.background {background-color:#5662ee;}

.border {border:1px solid #5662ee;}

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

#010209
```
#010209 rgb(1,2,9)
```
#03051b
```
#03051b rgb(3,5,27)
```
#05082d
```
#05082d rgb(5,8,45)
```
#060b3f
```
#060b3f rgb(6,11,63)
```
#080e51
```
#080e51 rgb(8,14,81)
```
#0a1162
```
#0a1162 rgb(10,17,98)
```
#0c1474
```
#0c1474 rgb(12,20,116)
```
#0d1786
```
#0d1786 rgb(13,23,134)
```
#0f1a98
```
#0f1a98 rgb(15,26,152)
```
#111daa
```
#111daa rgb(17,29,170)
```
#1320bb
```
#1320bb rgb(19,32,187)
```
#1523cd
```
#1523cd rgb(21,35,205)
```
#1626df
```
#1626df rgb(22,38,223)
```

Shade Color Variation

#2130e9
```
#2130e9 rgb(33,48,233)
```
#3241ea
```
#3241ea rgb(50,65,234)
```
#4451ec
```
#4451ec rgb(68,81,236)
```
#5662ee
```
#5662ee rgb(86,98,238)
```
#6873f0
```
#6873f0 rgb(104,115,240)
```
#7a83f2
```
#7a83f2 rgb(122,131,242)
```
#8b94f3
```
#8b94f3 rgb(139,148,243)
```
#9da4f5
```
#9da4f5 rgb(157,164,245)
```
#afb5f7
```
#afb5f7 rgb(175,181,247)
```
#c1c5f9
```
#c1c5f9 rgb(193,197,249)
```
#d3d6fb
```
#d3d6fb rgb(211,214,251)
```
#e5e6fc
```
#e5e6fc rgb(229,230,252)
```
#f6f7fe
```
#f6f7fe rgb(246,247,254)
```

Tint Color Variation

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

#9e9ea6
```
#9e9ea6 rgb(158,158,166)
```
#9698ae
```
#9698ae rgb(150,152,174)
```
#8f92b5
```
#8f92b5 rgb(143,146,181)
```
#888cbc
```
#888cbc rgb(136,140,188)
```
#8186c3
```
#8186c3 rgb(129,134,195)
```
#7a80ca
```
#7a80ca rgb(122,128,202)
```
#737ad1
```
#737ad1 rgb(115,122,209)
```
#6b74d9
```
#6b74d9 rgb(107,116,217)
```
#646ee0
```
#646ee0 rgb(100,110,224)
```
#5d68e7
```
#5d68e7 rgb(93,104,231)
```
#5662ee
```
#5662ee rgb(86,98,238)
```
#4f5cf5
```
#4f5cf5 rgb(79,92,245)
```
#4856fc
```
#4856fc rgb(72,86,252)
```

Tone Color Variation

Below, you can see how #5662ee 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

#6e6e6e Achromatopsia 0.005% of the population
#696c88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e6 Protanopia 1% of men
#007cca Deuteranopia 1% of men
#00858e Tritanopia 0.001% of the population

Trichromacy

#1f6ee9 Protanomaly 1% of men, 0.01% of women
#1f72d7 Deuteranomaly 6% of men, 0.4% of women
#1f78b1 Tritanomaly 0.01% of the population

#5662ee hex color

#5662ee Color Information

#5662ee Color Conversion

Color Schemes with #5662ee

Alternatives to #5662ee

#5662ee Preview

Shades and Tints of #5662ee

Tones of #5662ee

Color Blindness Simulator