#5694fe hex color

In a RGB color space, hex #5694fe is composed of 33.7% red, 58% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 66.1% cyan, 41.7% magenta, 0% yellow and 0.4% black. It has a hue angle of 217.9 degrees, a saturation of 98.8% and a lightness of 66.7%. #5694fe color hex could be obtained by blending #acffff with #0029fd. Closest websafe color is: #6699ff.

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

● #5694fe color description : Soft blue.

The hexadecimal color #5694fe has RGB values of R:86, G:148, B:254 and CMYK values of C:0.66, M:0.42, Y:0, K:0. Its decimal value is 5674238.

Hex triplet	5694fe	`#5694fe`
RGB Decimal	86, 148, 254	`rgb(86,148,254)`
RGB Percent	33.7, 58, 99.6	`rgb(33.7%,58%,99.6%)`
CMYK	66, 42, 0, 0
HSL	217.9°, 98.8, 66.7	`hsl(217.9,98.8%,66.7%)`
HSV (or HSB)	217.9°, 66.1, 99.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	61.922, 13.094, -58.692
XYZ	32.313, 30.312, 97.908
xyY	0.201, 0.189, 30.312
CIE-LCH	61.922, 60.135, 282.576
CIE-LUV	61.922, -25.988, -95.717
Hunter-Lab	55.056, 8.415, -66.898
Binary	01010110, 10010100, 11111110

#5694fe
```
#5694fe rgb(86,148,254)
```
#fec056
```
#fec056 rgb(254,192,86)
```

Complementary Color

#56e8fe
```
#56e8fe rgb(86,232,254)
```
#5694fe
```
#5694fe rgb(86,148,254)
```
#6c56fe
```
#6c56fe rgb(108,86,254)
```

Analogous Color

#e8fe56
```
#e8fe56 rgb(232,254,86)
```
#5694fe
```
#5694fe rgb(86,148,254)
```
#fe6c56
```
#fe6c56 rgb(254,108,86)
```

Split Complementary Color

#94fe56
```
#94fe56 rgb(148,254,86)
```
#5694fe
```
#5694fe rgb(86,148,254)
```
#fe5694
```
#fe5694 rgb(254,86,148)
```

Triadic Color

#56fec0
```
#56fec0 rgb(86,254,192)
```
#5694fe
```
#5694fe rgb(86,148,254)
```
#fe5694
```
#fe5694 rgb(254,86,148)
```
#fec056
```
#fec056 rgb(254,192,86)
```

Tetradic Color

#0a64fe
```
#0a64fe rgb(10,100,254)
```
#2374fe
```
#2374fe rgb(35,116,254)
```
#3d84fe
```
#3d84fe rgb(61,132,254)
```
#5694fe
```
#5694fe rgb(86,148,254)
```
#6fa4fe
```
#6fa4fe rgb(111,164,254)
```
#89b4fe
```
#89b4fe rgb(137,180,254)
```
#a2c4fe
```
#a2c4fe rgb(162,196,254)
```

Monochromatic Color

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

#56befe
```
#56befe rgb(86,190,254)
```
#56b0fe
```
#56b0fe rgb(86,176,254)
```
#56a2fe
```
#56a2fe rgb(86,162,254)
```
#5694fe
```
#5694fe rgb(86,148,254)
```
#5686fe
```
#5686fe rgb(86,134,254)
```
#5678fe
```
#5678fe rgb(86,120,254)
```
#566afe
```
#566afe rgb(86,106,254)
```

Similar Colors

Text with hexadecimal color #5694fe

This text has a font color of #5694fe.

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

#5694fe background color

This paragraph has a background color of #5694fe.

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

#5694fe border color

This element has a border color of #5694fe.

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

CSS codes

.text {color:#5694fe;}

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

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

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

#000206
```
#000206 rgb(0,2,6)
```
#000a1a
```
#000a1a rgb(0,10,26)
```
#00112e
```
#00112e rgb(0,17,46)
```
#001841
```
#001841 rgb(0,24,65)
```
#002055
```
#002055 rgb(0,32,85)
```
#012768
```
#012768 rgb(1,39,104)
```
#012e7c
```
#012e7c rgb(1,46,124)
```
#01358f
```
#01358f rgb(1,53,143)
```
#013da3
```
#013da3 rgb(1,61,163)
```
#0144b6
```
#0144b6 rgb(1,68,182)
```
#014bca
```
#014bca rgb(1,75,202)
```
#0152dd
```
#0152dd rgb(1,82,221)
```
#015af1
```
#015af1 rgb(1,90,241)
```

Shade Color Variation

#0863fe
```
#0863fe rgb(8,99,254)
```
#1c6ffe
```
#1c6ffe rgb(28,111,254)
```
#2f7bfe
```
#2f7bfe rgb(47,123,254)
```
#4388fe
```
#4388fe rgb(67,136,254)
```
#5694fe
```
#5694fe rgb(86,148,254)
```
#6aa0fe
```
#6aa0fe rgb(106,160,254)
```
#7dadfe
```
#7dadfe rgb(125,173,254)
```
#91b9fe
```
#91b9fe rgb(145,185,254)
```
#a4c5fe
```
#a4c5fe rgb(164,197,254)
```
#b8d2ff
```
#b8d2ff rgb(184,210,255)
```
#cbdeff
```
#cbdeff rgb(203,222,255)
```
#dfeaff
```
#dfeaff rgb(223,234,255)
```
#f2f7ff
```
#f2f7ff rgb(242,247,255)
```

Tint Color Variation

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

#a4a9b0
```
#a4a9b0 rgb(164,169,176)
```
#9ea7b6
```
#9ea7b6 rgb(158,167,182)
```
#97a5bd
```
#97a5bd rgb(151,165,189)
```
#91a3c3
```
#91a3c3 rgb(145,163,195)
```
#8aa2ca
```
#8aa2ca rgb(138,162,202)
```
#84a0d0
```
#84a0d0 rgb(132,160,208)
```
#7d9ed7
```
#7d9ed7 rgb(125,158,215)
```
#779ddd
```
#779ddd rgb(119,157,221)
```
#709be4
```
#709be4 rgb(112,155,228)
```
#6a99ea
```
#6a99ea rgb(106,153,234)
```
#6397f1
```
#6397f1 rgb(99,151,241)
```
#5d96f7
```
#5d96f7 rgb(93,150,247)
```
#5694fe
```
#5694fe rgb(86,148,254)
```

Tone Color Variation

Below, you can see how #5694fe 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

#8e8e8e Achromatopsia 0.005% of the population
#838fa4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b97fc Protanopia 1% of men
#489cfc Deuteranopia 1% of men
#00aab6 Tritanopia 0.001% of the population

Trichromacy

#6396fd Protanomaly 1% of men, 0.01% of women
#4d99fd Deuteranomaly 6% of men, 0.4% of women
#1fa2d0 Tritanomaly 0.01% of the population

#5694fe hex color

#5694fe Color Information

#5694fe Color Conversion

Color Schemes with #5694fe

Alternatives to #5694fe

#5694fe Preview

Shades and Tints of #5694fe

Tones of #5694fe

Color Blindness Simulator