#5663ef hex color

In a RGB color space, hex #5663ef is composed of 33.7% red, 38.8% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 64% cyan, 58.6% magenta, 0% yellow and 6.3% black. It has a hue angle of 234.9 degrees, a saturation of 82.7% and a lightness of 63.7%. #5663ef color hex could be obtained by blending #acc6ff with #0000df. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 34
- G 39
- B 94
RGB color chart
- C 64
- M 59
- Y 0
- K 6
CMYK color chart

● #5663ef color description : Soft blue.

The hexadecimal color #5663ef has RGB values of R:86, G:99, B:239 and CMYK values of C:0.64, M:0.59, Y:0, K:0.06. Its decimal value is 5661679.

Hex triplet	5663ef	`#5663ef`
RGB Decimal	86, 99, 239	`rgb(86,99,239)`
RGB Percent	33.7, 38.8, 93.7	`rgb(33.7%,38.8%,93.7%)`
CMYK	64, 59, 0, 6
HSL	234.9°, 82.7, 63.7	`hsl(234.9,82.7%,63.7%)`
HSV (or HSB)	234.9°, 64, 93.7
Web Safe	6666ff	`#6666ff`

CIE-LAB	48.427, 37.784, -72.134
XYZ	23.876, 17.133, 83.705
xyY	0.191, 0.137, 17.133
CIE-LCH	48.427, 81.43, 297.645
CIE-LUV	48.427, -11.529, -112.367
Hunter-Lab	41.392, 30.53, -90.926
Binary	01010110, 01100011, 11101111

#5663ef
```
#5663ef rgb(86,99,239)
```
#efe256
```
#efe256 rgb(239,226,86)
```

Complementary Color

#56b0ef
```
#56b0ef rgb(86,176,239)
```
#5663ef
```
#5663ef rgb(86,99,239)
```
#9656ef
```
#9656ef rgb(150,86,239)
```

Analogous Color

#b0ef56
```
#b0ef56 rgb(176,239,86)
```
#5663ef
```
#5663ef rgb(86,99,239)
```
#ef9656
```
#ef9656 rgb(239,150,86)
```

Split Complementary Color

#63ef56
```
#63ef56 rgb(99,239,86)
```
#5663ef
```
#5663ef rgb(86,99,239)
```
#ef5663
```
#ef5663 rgb(239,86,99)
```

Triadic Color

#56efe2
```
#56efe2 rgb(86,239,226)
```
#5663ef
```
#5663ef rgb(86,99,239)
```
#ef5663
```
#ef5663 rgb(239,86,99)
```
#efe256
```
#efe256 rgb(239,226,86)
```

Tetradic Color

#1527e3
```
#1527e3 rgb(21,39,227)
```
#2738eb
```
#2738eb rgb(39,56,235)
```
#3f4ded
```
#3f4ded rgb(63,77,237)
```
#5663ef
```
#5663ef rgb(86,99,239)
```
#6d79f1
```
#6d79f1 rgb(109,121,241)
```
#858ef3
```
#858ef3 rgb(133,142,243)
```
#9ca4f6
```
#9ca4f6 rgb(156,164,246)
```

Monochromatic Color

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

#5689ef
```
#5689ef rgb(86,137,239)
```
#567def
```
#567def rgb(86,125,239)
```
#5670ef
```
#5670ef rgb(86,112,239)
```
#5663ef
```
#5663ef rgb(86,99,239)
```
#5656ef
```
#5656ef rgb(86,86,239)
```
#6356ef
```
#6356ef rgb(99,86,239)
```
#6f56ef
```
#6f56ef rgb(111,86,239)
```

Similar Colors

Text with hexadecimal color #5663ef

This text has a font color of #5663ef.

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

#5663ef background color

This paragraph has a background color of #5663ef.

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

#5663ef border color

This element has a border color of #5663ef.

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

CSS codes

.text {color:#5663ef;}

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

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

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, #01020a is the darkest color, while #f7f8fe is the lightest one.

#01020a
```
#01020a rgb(1,2,10)
```
#03051c
```
#03051c rgb(3,5,28)
```
#04082e
```
#04082e rgb(4,8,46)
```
#060b40
```
#060b40 rgb(6,11,64)
```
#080e52
```
#080e52 rgb(8,14,82)
```
#091164
```
#091164 rgb(9,17,100)
```
#0b1476
```
#0b1476 rgb(11,20,118)
```
#0d1788
```
#0d1788 rgb(13,23,136)
```
#0f1a9a
```
#0f1a9a rgb(15,26,154)
```
#101dab
```
#101dab rgb(16,29,171)
```
#1220bd
```
#1220bd rgb(18,32,189)
```
#1424cf
```
#1424cf rgb(20,36,207)
```
#1527e1
```
#1527e1 rgb(21,39,225)
```

Shade Color Variation

#2031ea
```
#2031ea rgb(32,49,234)
```
#3242ec
```
#3242ec rgb(50,66,236)
```
#4452ed
```
#4452ed rgb(68,82,237)
```
#5663ef
```
#5663ef rgb(86,99,239)
```
#6874f1
```
#6874f1 rgb(104,116,241)
```
#7a84f2
```
#7a84f2 rgb(122,132,242)
```
#8c95f4
```
#8c95f4 rgb(140,149,244)
```
#9ea5f6
```
#9ea5f6 rgb(158,165,246)
```
#b0b6f7
```
#b0b6f7 rgb(176,182,247)
```
#c2c6f9
```
#c2c6f9 rgb(194,198,249)
```
#d3d7fb
```
#d3d7fb rgb(211,215,251)
```
#e5e7fd
```
#e5e7fd rgb(229,231,253)
```
#f7f8fe
```
#f7f8fe rgb(247,248,254)
```

Tint Color Variation

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

#9d9ea8
```
#9d9ea8 rgb(157,158,168)
```
#9698af
```
#9698af rgb(150,152,175)
```
#8f92b6
```
#8f92b6 rgb(143,146,182)
```
#888cbd
```
#888cbd rgb(136,140,189)
```
#8186c4
```
#8186c4 rgb(129,134,196)
```
#7a81cb
```
#7a81cb rgb(122,129,203)
```
#727bd3
```
#727bd3 rgb(114,123,211)
```
#6b75da
```
#6b75da rgb(107,117,218)
```
#646fe1
```
#646fe1 rgb(100,111,225)
```
#5d69e8
```
#5d69e8 rgb(93,105,232)
```
#5663ef
```
#5663ef rgb(86,99,239)
```
#4f5df6
```
#4f5df6 rgb(79,93,246)
```
#4857fd
```
#4857fd rgb(72,87,253)
```

Tone Color Variation

Below, you can see how #5663ef 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
#6a6d89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e8 Protanopia 1% of men
#007dcb Deuteranopia 1% of men
#00868f Tritanopia 0.001% of the population

Trichromacy

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

#5663ef hex color

#5663ef Color Information

#5663ef Color Conversion

Color Schemes with #5663ef

Alternatives to #5663ef

#5663ef Preview

Shades and Tints of #5663ef

Tones of #5663ef

Color Blindness Simulator