#5694ec hex color

In a RGB color space, hex #5694ec is composed of 33.7% red, 58% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 63.6% cyan, 37.3% magenta, 0% yellow and 7.5% black. It has a hue angle of 215.2 degrees, a saturation of 79.8% and a lightness of 63.1%. #5694ec color hex could be obtained by blending #acffff with #0029d9. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 34
- G 58
- B 93
RGB color chart
- C 64
- M 37
- Y 0
- K 7
CMYK color chart

● #5694ec color description : Soft blue.

The hexadecimal color #5694ec has RGB values of R:86, G:148, B:236 and CMYK values of C:0.64, M:0.37, Y:0, K:0.07. Its decimal value is 5674220.

Hex triplet	5694ec	`#5694ec`
RGB Decimal	86, 148, 236	`rgb(86,148,236)`
RGB Percent	33.7, 58, 92.5	`rgb(33.7%,58%,92.5%)`
CMYK	64, 37, 0, 7
HSL	215.2°, 79.8, 63.1	`hsl(215.2,79.8%,63.1%)`
HSV (or HSB)	215.2°, 63.6, 92.5
Web Safe	6699ff	`#6699ff`

CIE-LAB	60.969, 7.016, -50.311
XYZ	29.565, 29.212, 83.433
xyY	0.208, 0.205, 29.212
CIE-LCH	60.969, 50.798, 277.939
CIE-LUV	60.969, -26.271, -80.994
Hunter-Lab	54.049, 3.055, -53.69
Binary	01010110, 10010100, 11101100

#5694ec
```
#5694ec rgb(86,148,236)
```
#ecae56
```
#ecae56 rgb(236,174,86)
```

Complementary Color

#56dfec
```
#56dfec rgb(86,223,236)
```
#5694ec
```
#5694ec rgb(86,148,236)
```
#6356ec
```
#6356ec rgb(99,86,236)
```

Analogous Color

#dfec56
```
#dfec56 rgb(223,236,86)
```
#5694ec
```
#5694ec rgb(86,148,236)
```
#ec6356
```
#ec6356 rgb(236,99,86)
```

Split Complementary Color

#94ec56
```
#94ec56 rgb(148,236,86)
```
#5694ec
```
#5694ec rgb(86,148,236)
```
#ec5694
```
#ec5694 rgb(236,86,148)
```

Triadic Color

#56ecae
```
#56ecae rgb(86,236,174)
```
#5694ec
```
#5694ec rgb(86,148,236)
```
#ec5694
```
#ec5694 rgb(236,86,148)
```
#ecae56
```
#ecae56 rgb(236,174,86)
```

Tetradic Color

#196add
```
#196add rgb(25,106,221)
```
#2877e7
```
#2877e7 rgb(40,119,231)
```
#3f85e9
```
#3f85e9 rgb(63,133,233)
```
#5694ec
```
#5694ec rgb(86,148,236)
```
#6da3ef
```
#6da3ef rgb(109,163,239)
```
#84b1f1
```
#84b1f1 rgb(132,177,241)
```
#9bc0f4
```
#9bc0f4 rgb(155,192,244)
```

Monochromatic Color

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

#56baec
```
#56baec rgb(86,186,236)
```
#56adec
```
#56adec rgb(86,173,236)
```
#56a1ec
```
#56a1ec rgb(86,161,236)
```
#5694ec
```
#5694ec rgb(86,148,236)
```
#5688ec
```
#5688ec rgb(86,136,236)
```
#567bec
```
#567bec rgb(86,123,236)
```
#566fec
```
#566fec rgb(86,111,236)
```

Similar Colors

Text with hexadecimal color #5694ec

This text has a font color of #5694ec.

<span style="color:#5694ec;">Text here</span>

#5694ec background color

This paragraph has a background color of #5694ec.

<p style="background-color:#5694ec;">Content here</p>

#5694ec border color

This element has a border color of #5694ec.

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

CSS codes

.text {color:#5694ec;}

.background {background-color:#5694ec;}

.border {border:1px solid #5694ec;}

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

#010407
```
#010407 rgb(1,4,7)
```
#030c19
```
#030c19 rgb(3,12,25)
```
#05142b
```
#05142b rgb(5,20,43)
```
#071d3c
```
#071d3c rgb(7,29,60)
```
#09254e
```
#09254e rgb(9,37,78)
```
#0b2e5f
```
#0b2e5f rgb(11,46,95)
```
#0d3671
```
#0d3671 rgb(13,54,113)
```
#0f3f83
```
#0f3f83 rgb(15,63,131)
```
#114794
```
#114794 rgb(17,71,148)
```
#1350a6
```
#1350a6 rgb(19,80,166)
```
#1558b8
```
#1558b8 rgb(21,88,184)
```
#1760c9
```
#1760c9 rgb(23,96,201)
```
#1969db
```
#1969db rgb(25,105,219)
```

Shade Color Variation

#2173e6
```
#2173e6 rgb(33,115,230)
```
#337ee8
```
#337ee8 rgb(51,126,232)
```
#4489ea
```
#4489ea rgb(68,137,234)
```
#5694ec
```
#5694ec rgb(86,148,236)
```
#689fee
```
#689fee rgb(104,159,238)
```
#79aaf0
```
#79aaf0 rgb(121,170,240)
```
#8bb5f2
```
#8bb5f2 rgb(139,181,242)
```
#9dc1f4
```
#9dc1f4 rgb(157,193,244)
```
#aeccf6
```
#aeccf6 rgb(174,204,246)
```
#c0d7f8
```
#c0d7f8 rgb(192,215,248)
```
#d1e2fa
```
#d1e2fa rgb(209,226,250)
```
#e3edfc
```
#e3edfc rgb(227,237,252)
```
#f5f8fe
```
#f5f8fe rgb(245,248,254)
```

Tint Color Variation

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

#9ea1a4
```
#9ea1a4 rgb(158,161,164)
```
#979fab
```
#979fab rgb(151,159,171)
```
#909eb2
```
#909eb2 rgb(144,158,178)
```
#899db9
```
#899db9 rgb(137,157,185)
```
#819cc1
```
#819cc1 rgb(129,156,193)
```
#7a9ac8
```
#7a9ac8 rgb(122,154,200)
```
#7399cf
```
#7399cf rgb(115,153,207)
```
#6c98d6
```
#6c98d6 rgb(108,152,214)
```
#6497de
```
#6497de rgb(100,151,222)
```
#5d95e5
```
#5d95e5 rgb(93,149,229)
```
#5694ec
```
#5694ec rgb(86,148,236)
```
#4f93f3
```
#4f93f3 rgb(79,147,243)
```
#4891fa
```
#4891fa rgb(72,145,250)
```

Tone Color Variation

Below, you can see how #5694ec 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
#808d9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7595ea Protanopia 1% of men
#6099ed Deuteranopia 1% of men
#32a6b2 Tritanopia 0.001% of the population

Trichromacy

#6a95ea Protanomaly 1% of men, 0.01% of women
#5c97ec Deuteranomaly 6% of men, 0.4% of women
#3f9fc7 Tritanomaly 0.01% of the population

#5694ec hex color

#5694ec Color Information

#5694ec Color Conversion

Color Schemes with #5694ec

Alternatives to #5694ec

#5694ec Preview

Shades and Tints of #5694ec

Tones of #5694ec

Color Blindness Simulator