#5696fe hex color

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

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

● #5696fe color description : Soft blue.

The hexadecimal color #5696fe has RGB values of R:86, G:150, B:254 and CMYK values of C:0.66, M:0.41, Y:0, K:0. Its decimal value is 5674750.

Hex triplet	5696fe	`#5696fe`
RGB Decimal	86, 150, 254	`rgb(86,150,254)`
RGB Percent	33.7, 58.8, 99.6	`rgb(33.7%,58.8%,99.6%)`
CMYK	66, 41, 0, 0
HSL	217.1°, 98.8, 66.7	`hsl(217.1,98.8%,66.7%)`
HSV (or HSB)	217.1°, 66.1, 99.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	62.461, 11.908, -57.833
XYZ	32.63, 30.945, 98.014
xyY	0.202, 0.192, 30.945
CIE-LCH	62.461, 59.046, 281.635
CIE-LUV	62.461, -26.636, -94.335
Hunter-Lab	55.628, 7.353, -65.527
Binary	01010110, 10010110, 11111110

#5696fe
```
#5696fe rgb(86,150,254)
```
#febe56
```
#febe56 rgb(254,190,86)
```

Complementary Color

#56eafe
```
#56eafe rgb(86,234,254)
```
#5696fe
```
#5696fe rgb(86,150,254)
```
#6a56fe
```
#6a56fe rgb(106,86,254)
```

Analogous Color

#eafe56
```
#eafe56 rgb(234,254,86)
```
#5696fe
```
#5696fe rgb(86,150,254)
```
#fe6a56
```
#fe6a56 rgb(254,106,86)
```

Split Complementary Color

#96fe56
```
#96fe56 rgb(150,254,86)
```
#5696fe
```
#5696fe rgb(86,150,254)
```
#fe5696
```
#fe5696 rgb(254,86,150)
```

Triadic Color

#56febe
```
#56febe rgb(86,254,190)
```
#5696fe
```
#5696fe rgb(86,150,254)
```
#fe5696
```
#fe5696 rgb(254,86,150)
```
#febe56
```
#febe56 rgb(254,190,86)
```

Tetradic Color

#0a67fe
```
#0a67fe rgb(10,103,254)
```
#2377fe
```
#2377fe rgb(35,119,254)
```
#3d86fe
```
#3d86fe rgb(61,134,254)
```
#5696fe
```
#5696fe rgb(86,150,254)
```
#6fa6fe
```
#6fa6fe rgb(111,166,254)
```
#89b6fe
```
#89b6fe rgb(137,182,254)
```
#a2c5fe
```
#a2c5fe rgb(162,197,254)
```

Monochromatic Color

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

#56c0fe
```
#56c0fe rgb(86,192,254)
```
#56b2fe
```
#56b2fe rgb(86,178,254)
```
#56a4fe
```
#56a4fe rgb(86,164,254)
```
#5696fe
```
#5696fe rgb(86,150,254)
```
#5688fe
```
#5688fe rgb(86,136,254)
```
#567afe
```
#567afe rgb(86,122,254)
```
#566cfe
```
#566cfe rgb(86,108,254)
```

Similar Colors

Text with hexadecimal color #5696fe

This text has a font color of #5696fe.

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

#5696fe background color

This paragraph has a background color of #5696fe.

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

#5696fe border color

This element has a border color of #5696fe.

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

CSS codes

.text {color:#5696fe;}

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

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

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)
```
#00122e
```
#00122e rgb(0,18,46)
```
#001941
```
#001941 rgb(0,25,65)
```
#002155
```
#002155 rgb(0,33,85)
```
#012868
```
#012868 rgb(1,40,104)
```
#01307c
```
#01307c rgb(1,48,124)
```
#01378f
```
#01378f rgb(1,55,143)
```
#013fa3
```
#013fa3 rgb(1,63,163)
```
#0146b6
```
#0146b6 rgb(1,70,182)
```
#014eca
```
#014eca rgb(1,78,202)
```
#0155dd
```
#0155dd rgb(1,85,221)
```
#015df1
```
#015df1 rgb(1,93,241)
```

Shade Color Variation

#0866fe
```
#0866fe rgb(8,102,254)
```
#1c72fe
```
#1c72fe rgb(28,114,254)
```
#2f7efe
```
#2f7efe rgb(47,126,254)
```
#438afe
```
#438afe rgb(67,138,254)
```
#5696fe
```
#5696fe rgb(86,150,254)
```
#6aa2fe
```
#6aa2fe rgb(106,162,254)
```
#7daefe
```
#7daefe rgb(125,174,254)
```
#91bafe
```
#91bafe rgb(145,186,254)
```
#a4c6fe
```
#a4c6fe rgb(164,198,254)
```
#b8d3ff
```
#b8d3ff rgb(184,211,255)
```
#cbdfff
```
#cbdfff rgb(203,223,255)
```
#dfebff
```
#dfebff rgb(223,235,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 #5696fe is the most saturated one.

#a4a9b0
```
#a4a9b0 rgb(164,169,176)
```
#9ea7b6
```
#9ea7b6 rgb(158,167,182)
```
#97a6bd
```
#97a6bd rgb(151,166,189)
```
#91a4c3
```
#91a4c3 rgb(145,164,195)
```
#8aa2ca
```
#8aa2ca rgb(138,162,202)
```
#84a1d0
```
#84a1d0 rgb(132,161,208)
```
#7d9fd7
```
#7d9fd7 rgb(125,159,215)
```
#779edd
```
#779edd rgb(119,158,221)
```
#709ce4
```
#709ce4 rgb(112,156,228)
```
#6a9bea
```
#6a9bea rgb(106,155,234)
```
#6399f1
```
#6399f1 rgb(99,153,241)
```
#5d98f7
```
#5d98f7 rgb(93,152,247)
```
#5696fe
```
#5696fe rgb(86,150,254)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#8490a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e99fc Protanopia 1% of men
#4d9dfd Deuteranopia 1% of men
#00abb8 Tritanopia 0.001% of the population

Trichromacy

#6598fc Protanomaly 1% of men, 0.01% of women
#509bfd Deuteranomaly 6% of men, 0.4% of women
#1fa3d1 Tritanomaly 0.01% of the population

#5696fe hex color

#5696fe Color Information

#5696fe Color Conversion

Color Schemes with #5696fe

Alternatives to #5696fe

#5696fe Preview

Shades and Tints of #5696fe

Tones of #5696fe

Color Blindness Simulator