#5643ff hex color

In a RGB color space, hex #5643ff is composed of 33.7% red, 26.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 66.3% cyan, 73.7% magenta, 0% yellow and 0% black. It has a hue angle of 246.1 degrees, a saturation of 100% and a lightness of 63.1%. #5643ff color hex could be obtained by blending #ac86ff with #0000ff. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 34
- G 26
- B 100
RGB color chart
- C 66
- M 74
- Y 0
- K 0
CMYK color chart

● #5643ff color description : Light blue.

The hexadecimal color #5643ff has RGB values of R:86, G:67, B:255 and CMYK values of C:0.66, M:0.74, Y:0, K:0. Its decimal value is 5653503.

Hex triplet	5643ff	`#5643ff`
RGB Decimal	86, 67, 255	`rgb(86,67,255)`
RGB Percent	33.7, 26.3, 100	`rgb(33.7%,26.3%,100%)`
CMYK	66, 74, 0, 0
HSL	246.1°, 100, 63.1	`hsl(246.1,100%,63.1%)`
HSV (or HSB)	246.1°, 73.7, 100
Web Safe	6633ff	`#6633ff`

CIE-LAB	43.08, 60.895, -89.845
XYZ	23.891, 13.212, 95.893
xyY	0.18, 0.099, 13.212
CIE-LCH	43.08, 108.537, 304.129
CIE-LUV	43.08, -5.803, -131.652
Hunter-Lab	36.348, 53.72, -130.977
Binary	01010110, 01000011, 11111111

#5643ff
```
#5643ff rgb(86,67,255)
```
#ecff43
```
#ecff43 rgb(236,255,67)
```

Complementary Color

#438eff
```
#438eff rgb(67,142,255)
```
#5643ff
```
#5643ff rgb(86,67,255)
```
#b443ff
```
#b443ff rgb(180,67,255)
```

Analogous Color

#8eff43
```
#8eff43 rgb(142,255,67)
```
#5643ff
```
#5643ff rgb(86,67,255)
```
#ffb443
```
#ffb443 rgb(255,180,67)
```

Split Complementary Color

#43ff56
```
#43ff56 rgb(67,255,86)
```
#5643ff
```
#5643ff rgb(86,67,255)
```
#ff5643
```
#ff5643 rgb(255,86,67)
```

Triadic Color

#43ecff
```
#43ecff rgb(67,236,255)
```
#5643ff
```
#5643ff rgb(86,67,255)
```
#ff5643
```
#ff5643 rgb(255,86,67)
```
#ecff43
```
#ecff43 rgb(236,255,67)
```

Tetradic Color

#1900f6
```
#1900f6 rgb(25,0,246)
```
#2810ff
```
#2810ff rgb(40,16,255)
```
#3f2aff
```
#3f2aff rgb(63,42,255)
```
#5643ff
```
#5643ff rgb(86,67,255)
```
#6d5dff
```
#6d5dff rgb(109,93,255)
```
#8476ff
```
#8476ff rgb(132,118,255)
```
#9b90ff
```
#9b90ff rgb(155,144,255)
```

Monochromatic Color

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

#435fff
```
#435fff rgb(67,95,255)
```
#434fff
```
#434fff rgb(67,79,255)
```
#4643ff
```
#4643ff rgb(70,67,255)
```
#5643ff
```
#5643ff rgb(86,67,255)
```
#6643ff
```
#6643ff rgb(102,67,255)
```
#7543ff
```
#7543ff rgb(117,67,255)
```
#8543ff
```
#8543ff rgb(133,67,255)
```

Similar Colors

Text with hexadecimal color #5643ff

This text has a font color of #5643ff.

<span style="color:#5643ff;">Text here</span>

#5643ff background color

This paragraph has a background color of #5643ff.

<p style="background-color:#5643ff;">Content here</p>

#5643ff border color

This element has a border color of #5643ff.

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

CSS codes

.text {color:#5643ff;}

.background {background-color:#5643ff;}

.border {border:1px solid #5643ff;}

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

#010008
```
#010008 rgb(1,0,8)
```
#03001c
```
#03001c rgb(3,0,28)
```
#05002f
```
#05002f rgb(5,0,47)
```
#070043
```
#070043 rgb(7,0,67)
```
#090057
```
#090057 rgb(9,0,87)
```
#0b006a
```
#0b006a rgb(11,0,106)
```
#0d007e
```
#0d007e rgb(13,0,126)
```
#0f0091
```
#0f0091 rgb(15,0,145)
```
#1100a5
```
#1100a5 rgb(17,0,165)
```
#1300b9
```
#1300b9 rgb(19,0,185)
```
#1500cc
```
#1500cc rgb(21,0,204)
```
#1700e0
```
#1700e0 rgb(23,0,224)
```
#1900f4
```
#1900f4 rgb(25,0,244)
```

Shade Color Variation

#2108ff
```
#2108ff rgb(33,8,255)
```
#331cff
```
#331cff rgb(51,28,255)
```
#442fff
```
#442fff rgb(68,47,255)
```
#5643ff
```
#5643ff rgb(86,67,255)
```
#6857ff
```
#6857ff rgb(104,87,255)
```
#796aff
```
#796aff rgb(121,106,255)
```
#8b7eff
```
#8b7eff rgb(139,126,255)
```
#9d91ff
```
#9d91ff rgb(157,145,255)
```
#aea5ff
```
#aea5ff rgb(174,165,255)
```
#c0b9ff
```
#c0b9ff rgb(192,185,255)
```
#d1ccff
```
#d1ccff rgb(209,204,255)
```
#e3e0ff
```
#e3e0ff rgb(227,224,255)
```
#f5f4ff
```
#f5f4ff rgb(245,244,255)
```

Tint Color Variation

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

#9b9aa8
```
#9b9aa8 rgb(155,154,168)
```
#9593af
```
#9593af rgb(149,147,175)
```
#908bb7
```
#908bb7 rgb(144,139,183)
```
#8a84be
```
#8a84be rgb(138,132,190)
```
#847dc5
```
#847dc5 rgb(132,125,197)
```
#7e76cc
```
#7e76cc rgb(126,118,204)
```
#796ed4
```
#796ed4 rgb(121,110,212)
```
#7367db
```
#7367db rgb(115,103,219)
```
#6d60e2
```
#6d60e2 rgb(109,96,226)
```
#6759e9
```
#6759e9 rgb(103,89,233)
```
#6251f1
```
#6251f1 rgb(98,81,241)
```
#5c4af8
```
#5c4af8 rgb(92,74,248)
```
#5643ff
```
#5643ff rgb(86,67,255)
```

Tone Color Variation

Below, you can see how #5643ff 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

#5e5e5e Achromatopsia 0.005% of the population
#5c597e Atypical Achromatopsia 0.001% of the population

Dichromacy

#006acf Protanopia 1% of men
#0070b3 Deuteranopia 1% of men
#00787f Tritanopia 0.001% of the population

Trichromacy

#1f5ce0 Protanomaly 1% of men, 0.01% of women
#1f60cf Deuteranomaly 6% of men, 0.4% of women
#1f65ad Tritanomaly 0.01% of the population

#5643ff hex color

#5643ff Color Information

#5643ff Color Conversion

Color Schemes with #5643ff

Alternatives to #5643ff

#5643ff Preview

Shades and Tints of #5643ff

Tones of #5643ff

Color Blindness Simulator