colorhexa.com

#5663ee hex color

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

- R 34
- G 39
- B 93
RGB color chart
- C 64
- M 58
- Y 0
- K 7
CMYK color chart

● #5663ee color description : Soft blue.

The hexadecimal color #5663ee has RGB values of R:86, G:99, B:238 and CMYK values of C:0.64, M:0.58, Y:0, K:0.07. Its decimal value is 5661678.

Hex triplet	5663ee	`#5663ee`
RGB Decimal	86, 99, 238	`rgb(86,99,238)`
RGB Percent	33.7, 38.8, 93.3	`rgb(33.7%,38.8%,93.3%)`
CMYK	64, 58, 0, 7
HSL	234.9°, 81.7, 63.5	`hsl(234.9,81.7%,63.5%)`
HSV (or HSB)	234.9°, 63.9, 93.3
Web Safe	6666ff	`#6666ff`

CIE-LAB	48.353, 37.452, -71.694
XYZ	23.729, 17.074, 82.929
xyY	0.192, 0.138, 17.074
CIE-LCH	48.353, 80.886, 297.582
CIE-LUV	48.353, -11.495, -111.668
Hunter-Lab	41.321, 30.196, -90.069
Binary	01010110, 01100011, 11101110

#5663ee
```
#5663ee rgb(86,99,238)
```
#eee156
```
#eee156 rgb(238,225,86)
```

Complementary Color

#56afee
```
#56afee rgb(86,175,238)
```
#5663ee
```
#5663ee rgb(86,99,238)
```
#9556ee
```
#9556ee rgb(149,86,238)
```

Analogous Color

#afee56
```
#afee56 rgb(175,238,86)
```
#5663ee
```
#5663ee rgb(86,99,238)
```
#ee9556
```
#ee9556 rgb(238,149,86)
```

Split Complementary Color

#63ee56
```
#63ee56 rgb(99,238,86)
```
#5663ee
```
#5663ee rgb(86,99,238)
```
#ee5663
```
#ee5663 rgb(238,86,99)
```

Triadic Color

#56eee1
```
#56eee1 rgb(86,238,225)
```
#5663ee
```
#5663ee rgb(86,99,238)
```
#ee5663
```
#ee5663 rgb(238,86,99)
```
#eee156
```
#eee156 rgb(238,225,86)
```

Tetradic Color

#1728e1
```
#1728e1 rgb(23,40,225)
```
#2838e9
```
#2838e9 rgb(40,56,233)
```
#3f4eec
```
#3f4eec rgb(63,78,236)
```
#5663ee
```
#5663ee rgb(86,99,238)
```
#6d78f0
```
#6d78f0 rgb(109,120,240)
```
#848ef3
```
#848ef3 rgb(132,142,243)
```
#9ca3f5
```
#9ca3f5 rgb(156,163,245)
```

Monochromatic Color

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

#5689ee
```
#5689ee rgb(86,137,238)
```
#567cee
```
#567cee rgb(86,124,238)
```
#5670ee
```
#5670ee rgb(86,112,238)
```
#5663ee
```
#5663ee rgb(86,99,238)
```
#5656ee
```
#5656ee rgb(86,86,238)
```
#6256ee
```
#6256ee rgb(98,86,238)
```
#6f56ee
```
#6f56ee rgb(111,86,238)
```

Similar Colors

Text with hexadecimal color #5663ee

This text has a font color of #5663ee.

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

#5663ee background color

This paragraph has a background color of #5663ee.

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

#5663ee border color

This element has a border color of #5663ee.

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

CSS codes

.text {color:#5663ee;}

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

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

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)
```
#0c1574
```
#0c1574 rgb(12,21,116)
```
#0d1886
```
#0d1886 rgb(13,24,134)
```
#0f1b98
```
#0f1b98 rgb(15,27,152)
```
#111eaa
```
#111eaa rgb(17,30,170)
```
#1321bb
```
#1321bb rgb(19,33,187)
```
#1524cd
```
#1524cd rgb(21,36,205)
```
#1628df
```
#1628df rgb(22,40,223)
```

Shade Color Variation

#2132e9
```
#2132e9 rgb(33,50,233)
```
#3242ea
```
#3242ea rgb(50,66,234)
```
#4453ec
```
#4453ec rgb(68,83,236)
```
#5663ee
```
#5663ee rgb(86,99,238)
```
#6873f0
```
#6873f0 rgb(104,115,240)
```
#7a84f2
```
#7a84f2 rgb(122,132,242)
```
#8b94f3
```
#8b94f3 rgb(139,148,243)
```
#9da5f5
```
#9da5f5 rgb(157,165,245)
```
#afb5f7
```
#afb5f7 rgb(175,181,247)
```
#c1c6f9
```
#c1c6f9 rgb(193,198,249)
```
#d3d6fb
```
#d3d6fb rgb(211,214,251)
```
#e5e7fc
```
#e5e7fc rgb(229,231,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 #4857fc is the most saturated one.

#9e9ea6
```
#9e9ea6 rgb(158,158,166)
```
#9698ae
```
#9698ae rgb(150,152,174)
```
#8f92b5
```
#8f92b5 rgb(143,146,181)
```
#888dbc
```
#888dbc rgb(136,141,188)
```
#8187c3
```
#8187c3 rgb(129,135,195)
```
#7a81ca
```
#7a81ca rgb(122,129,202)
```
#737bd1
```
#737bd1 rgb(115,123,209)
```
#6b75d9
```
#6b75d9 rgb(107,117,217)
```
#646fe0
```
#646fe0 rgb(100,111,224)
```
#5d69e7
```
#5d69e7 rgb(93,105,231)
```
#5663ee
```
#5663ee rgb(86,99,238)
```
#4f5df5
```
#4f5df5 rgb(79,93,245)
```
#4857fc
```
#4857fc rgb(72,87,252)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#6a6d88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e7 Protanopia 1% of men
#007ccb Deuteranopia 1% of men
#00858f Tritanopia 0.001% of the population

Trichromacy

#1f6fea Protanomaly 1% of men, 0.01% of women
#1f73d7 Deuteranomaly 6% of men, 0.4% of women
#1f79b1 Tritanomaly 0.01% of the population