#5693ef hex color

In a RGB color space, hex #5693ef is composed of 33.7% red, 57.6% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 64% cyan, 38.5% magenta, 0% yellow and 6.3% black. It has a hue angle of 216.1 degrees, a saturation of 82.7% and a lightness of 63.7%. #5693ef color hex could be obtained by blending #acffff with #0027df. Closest websafe color is: #6699ff.

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

● #5693ef color description : Soft blue.

The hexadecimal color #5693ef has RGB values of R:86, G:147, B:239 and CMYK values of C:0.64, M:0.38, Y:0, K:0.06. Its decimal value is 5673967.

Hex triplet	5693ef	`#5693ef`
RGB Decimal	86, 147, 239	`rgb(86,147,239)`
RGB Percent	33.7, 57.6, 93.7	`rgb(33.7%,57.6%,93.7%)`
CMYK	64, 38, 0, 6
HSL	216.1°, 82.7, 63.7	`hsl(216.1,82.7%,63.7%)`
HSV (or HSB)	216.1°, 64, 93.7
Web Safe	6699ff	`#6699ff`

CIE-LAB	60.849, 8.613, -52.158
XYZ	29.848, 29.076, 85.696
xyY	0.206, 0.201, 29.076
CIE-LCH	60.849, 52.865, 279.376
CIE-LUV	60.849, -25.885, -84.192
Hunter-Lab	53.922, 4.443, -56.481
Binary	01010110, 10010011, 11101111

#5693ef
```
#5693ef rgb(86,147,239)
```
#efb256
```
#efb256 rgb(239,178,86)
```

Complementary Color

#56e0ef
```
#56e0ef rgb(86,224,239)
```
#5693ef
```
#5693ef rgb(86,147,239)
```
#6656ef
```
#6656ef rgb(102,86,239)
```

Analogous Color

#e0ef56
```
#e0ef56 rgb(224,239,86)
```
#5693ef
```
#5693ef rgb(86,147,239)
```
#ef6656
```
#ef6656 rgb(239,102,86)
```

Split Complementary Color

#93ef56
```
#93ef56 rgb(147,239,86)
```
#5693ef
```
#5693ef rgb(86,147,239)
```
#ef5693
```
#ef5693 rgb(239,86,147)
```

Triadic Color

#56efb2
```
#56efb2 rgb(86,239,178)
```
#5693ef
```
#5693ef rgb(86,147,239)
```
#ef5693
```
#ef5693 rgb(239,86,147)
```
#efb256
```
#efb256 rgb(239,178,86)
```

Tetradic Color

#1567e3
```
#1567e3 rgb(21,103,227)
```
#2775eb
```
#2775eb rgb(39,117,235)
```
#3f84ed
```
#3f84ed rgb(63,132,237)
```
#5693ef
```
#5693ef rgb(86,147,239)
```
#6da2f1
```
#6da2f1 rgb(109,162,241)
```
#85b1f3
```
#85b1f3 rgb(133,177,243)
```
#9cc0f6
```
#9cc0f6 rgb(156,192,246)
```

Monochromatic Color

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

#56b9ef
```
#56b9ef rgb(86,185,239)
```
#56adef
```
#56adef rgb(86,173,239)
```
#56a0ef
```
#56a0ef rgb(86,160,239)
```
#5693ef
```
#5693ef rgb(86,147,239)
```
#5686ef
```
#5686ef rgb(86,134,239)
```
#567aef
```
#567aef rgb(86,122,239)
```
#566def
```
#566def rgb(86,109,239)
```

Similar Colors

Text with hexadecimal color #5693ef

This text has a font color of #5693ef.

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

#5693ef background color

This paragraph has a background color of #5693ef.

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

#5693ef border color

This element has a border color of #5693ef.

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

CSS codes

.text {color:#5693ef;}

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

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

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

#01050a
```
#01050a rgb(1,5,10)
```
#030d1c
```
#030d1c rgb(3,13,28)
```
#04152e
```
#04152e rgb(4,21,46)
```
#061d40
```
#061d40 rgb(6,29,64)
```
#082552
```
#082552 rgb(8,37,82)
```
#092d64
```
#092d64 rgb(9,45,100)
```
#0b3676
```
#0b3676 rgb(11,54,118)
```
#0d3e88
```
#0d3e88 rgb(13,62,136)
```
#0f469a
```
#0f469a rgb(15,70,154)
```
#104eab
```
#104eab rgb(16,78,171)
```
#1256bd
```
#1256bd rgb(18,86,189)
```
#145ecf
```
#145ecf rgb(20,94,207)
```
#1567e1
```
#1567e1 rgb(21,103,225)
```

Shade Color Variation

#2071ea
```
#2071ea rgb(32,113,234)
```
#327cec
```
#327cec rgb(50,124,236)
```
#4488ed
```
#4488ed rgb(68,136,237)
```
#5693ef
```
#5693ef rgb(86,147,239)
```
#689ef1
```
#689ef1 rgb(104,158,241)
```
#7aaaf2
```
#7aaaf2 rgb(122,170,242)
```
#8cb5f4
```
#8cb5f4 rgb(140,181,244)
```
#9ec1f6
```
#9ec1f6 rgb(158,193,246)
```
#b0ccf7
```
#b0ccf7 rgb(176,204,247)
```
#c2d8f9
```
#c2d8f9 rgb(194,216,249)
```
#d3e3fb
```
#d3e3fb rgb(211,227,251)
```
#e5effd
```
#e5effd rgb(229,239,253)
```
#f7fafe
```
#f7fafe rgb(247,250,254)
```

Tint Color Variation

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

#9da1a8
```
#9da1a8 rgb(157,161,168)
```
#96a0af
```
#96a0af rgb(150,160,175)
```
#8f9fb6
```
#8f9fb6 rgb(143,159,182)
```
#889dbd
```
#889dbd rgb(136,157,189)
```
#819cc4
```
#819cc4 rgb(129,156,196)
```
#7a9acb
```
#7a9acb rgb(122,154,203)
```
#7299d3
```
#7299d3 rgb(114,153,211)
```
#6b97da
```
#6b97da rgb(107,151,218)
```
#6496e1
```
#6496e1 rgb(100,150,225)
```
#5d94e8
```
#5d94e8 rgb(93,148,232)
```
#5693ef
```
#5693ef rgb(86,147,239)
```
#4f92f6
```
#4f92f6 rgb(79,146,246)
```
#4890fd
```
#4890fd rgb(72,144,253)
```

Tone Color Variation

Below, you can see how #5693ef 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

#8b8b8b Achromatopsia 0.005% of the population
#808d9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#7295ed Protanopia 1% of men
#5a99ef Deuteranopia 1% of men
#2da6b2 Tritanopia 0.001% of the population

Trichromacy

#6894ed Protanomaly 1% of men, 0.01% of women
#5996ef Deuteranomaly 6% of men, 0.4% of women
#3c9fc8 Tritanomaly 0.01% of the population

#5693ef hex color

#5693ef Color Information

#5693ef Color Conversion

Color Schemes with #5693ef

Alternatives to #5693ef

#5693ef Preview

Shades and Tints of #5693ef

Tones of #5693ef

Color Blindness Simulator