#5653ff hex color

In a RGB color space, hex #5653ff is composed of 33.7% red, 32.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 66.3% cyan, 67.5% magenta, 0% yellow and 0% black. It has a hue angle of 241 degrees, a saturation of 100% and a lightness of 66.3%. #5653ff color hex could be obtained by blending #aca6ff with #0000ff. Closest websafe color is: #6666ff.

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

● #5653ff color description : Light blue.

The hexadecimal color #5653ff has RGB values of R:86, G:83, B:255 and CMYK values of C:0.66, M:0.67, Y:0, K:0. Its decimal value is 5657599.

Hex triplet	5653ff	`#5653ff`
RGB Decimal	86, 83, 255	`rgb(86,83,255)`
RGB Percent	33.7, 32.5, 100	`rgb(33.7%,32.5%,100%)`
CMYK	66, 67, 0, 0
HSL	241°, 100, 66.3	`hsl(241,100%,66.3%)`
HSV (or HSB)	241°, 67.5, 100
Web Safe	6666ff	`#6666ff`

CIE-LAB	46.155, 52.352, -84.784
XYZ	24.977, 15.384, 96.255
xyY	0.183, 0.113, 15.384
CIE-LCH	46.155, 99.645, 301.694
CIE-LUV	46.155, -8.61, -128.44
Hunter-Lab	39.222, 45.034, -118.049
Binary	01010110, 01010011, 11111111

#5653ff
```
#5653ff rgb(86,83,255)
```
#fcff53
```
#fcff53 rgb(252,255,83)
```

Complementary Color

#53a6ff
```
#53a6ff rgb(83,166,255)
```
#5653ff
```
#5653ff rgb(86,83,255)
```
#ac53ff
```
#ac53ff rgb(172,83,255)
```

Analogous Color

#a6ff53
```
#a6ff53 rgb(166,255,83)
```
#5653ff
```
#5653ff rgb(86,83,255)
```
#ffac53
```
#ffac53 rgb(255,172,83)
```

Split Complementary Color

#53ff56
```
#53ff56 rgb(83,255,86)
```
#5653ff
```
#5653ff rgb(86,83,255)
```
#ff5653
```
#ff5653 rgb(255,86,83)
```

Triadic Color

#53fcff
```
#53fcff rgb(83,252,255)
```
#5653ff
```
#5653ff rgb(86,83,255)
```
#ff5653
```
#ff5653 rgb(255,86,83)
```
#fcff53
```
#fcff53 rgb(252,255,83)
```

Tetradic Color

#0b06ff
```
#0b06ff rgb(11,6,255)
```
#2420ff
```
#2420ff rgb(36,32,255)
```
#3d3aff
```
#3d3aff rgb(61,58,255)
```
#5653ff
```
#5653ff rgb(86,83,255)
```
#6f6dff
```
#6f6dff rgb(111,109,255)
```
#8886ff
```
#8886ff rgb(136,134,255)
```
#a1a0ff
```
#a1a0ff rgb(161,160,255)
```

Monochromatic Color

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

#537bff
```
#537bff rgb(83,123,255)
```
#536dff
```
#536dff rgb(83,109,255)
```
#535eff
```
#535eff rgb(83,94,255)
```
#5653ff
```
#5653ff rgb(86,83,255)
```
#6453ff
```
#6453ff rgb(100,83,255)
```
#7353ff
```
#7353ff rgb(115,83,255)
```
#8153ff
```
#8153ff rgb(129,83,255)
```

Similar Colors

Text with hexadecimal color #5653ff

This text has a font color of #5653ff.

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

#5653ff background color

This paragraph has a background color of #5653ff.

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

#5653ff border color

This element has a border color of #5653ff.

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

CSS codes

.text {color:#5653ff;}

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

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

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

#000005
```
#000005 rgb(0,0,5)
```
#000018
```
#000018 rgb(0,0,24)
```
#01002c
```
#01002c rgb(1,0,44)
```
#01003f
```
#01003f rgb(1,0,63)
```
#010053
```
#010053 rgb(1,0,83)
```
#020067
```
#020067 rgb(2,0,103)
```
#02007a
```
#02007a rgb(2,0,122)
```
#02008e
```
#02008e rgb(2,0,142)
```
#0300a1
```
#0300a1 rgb(3,0,161)
```
#0300b5
```
#0300b5 rgb(3,0,181)
```
#0400c9
```
#0400c9 rgb(4,0,201)
```
#0400dc
```
#0400dc rgb(4,0,220)
```
#0400f0
```
#0400f0 rgb(4,0,240)
```

Shade Color Variation

#0905ff
```
#0905ff rgb(9,5,255)
```
#1c18ff
```
#1c18ff rgb(28,24,255)
```
#2f2cff
```
#2f2cff rgb(47,44,255)
```
#433fff
```
#433fff rgb(67,63,255)
```
#5653ff
```
#5653ff rgb(86,83,255)
```
#6967ff
```
#6967ff rgb(105,103,255)
```
#7d7aff
```
#7d7aff rgb(125,122,255)
```
#908eff
```
#908eff rgb(144,142,255)
```
#a3a1ff
```
#a3a1ff rgb(163,161,255)
```
#b6b5ff
```
#b6b5ff rgb(182,181,255)
```
#cac9ff
```
#cac9ff rgb(202,201,255)
```
#dddcff
```
#dddcff rgb(221,220,255)
```
#f0f0ff
```
#f0f0ff rgb(240,240,255)
```

Tint Color Variation

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

#a3a2b0
```
#a3a2b0 rgb(163,162,176)
```
#9c9cb6
```
#9c9cb6 rgb(156,156,182)
```
#9695bd
```
#9695bd rgb(150,149,189)
```
#8f8fc3
```
#8f8fc3 rgb(143,143,195)
```
#8988ca
```
#8988ca rgb(137,136,202)
```
#8381d1
```
#8381d1 rgb(131,129,209)
```
#7c7bd7
```
#7c7bd7 rgb(124,123,215)
```
#7674de
```
#7674de rgb(118,116,222)
```
#706de5
```
#706de5 rgb(112,109,229)
```
#6967eb
```
#6967eb rgb(105,103,235)
```
#6360f2
```
#6360f2 rgb(99,96,242)
```
#5c5af8
```
#5c5af8 rgb(92,90,248)
```
#5653ff
```
#5653ff rgb(86,83,255)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#646486 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071dd Protanopia 1% of men
#0077c0 Deuteranopia 1% of men
#008088 Tritanopia 0.001% of the population

Trichromacy

#1f66e9 Protanomaly 1% of men, 0.01% of women
#1f6ad7 Deuteranomaly 6% of men, 0.4% of women
#1f6fb3 Tritanomaly 0.01% of the population

#5653ff hex color

#5653ff Color Information

#5653ff Color Conversion

Color Schemes with #5653ff

Alternatives to #5653ff

#5653ff Preview

Shades and Tints of #5653ff

Tones of #5653ff

Color Blindness Simulator