#5695fe hex color

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

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

● #5695fe color description : Soft blue.

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

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

CIE-LAB	62.191, 12.5, -58.263
XYZ	32.471, 30.627, 97.961
xyY	0.202, 0.19, 30.627
CIE-LCH	62.191, 59.589, 282.109
CIE-LUV	62.191, -26.311, -95.028
Hunter-Lab	55.342, 7.884, -66.211
Binary	01010110, 10010101, 11111110

#5695fe
```
#5695fe rgb(86,149,254)
```
#febf56
```
#febf56 rgb(254,191,86)
```

Complementary Color

#56e9fe
```
#56e9fe rgb(86,233,254)
```
#5695fe
```
#5695fe rgb(86,149,254)
```
#6b56fe
```
#6b56fe rgb(107,86,254)
```

Analogous Color

#e9fe56
```
#e9fe56 rgb(233,254,86)
```
#5695fe
```
#5695fe rgb(86,149,254)
```
#fe6b56
```
#fe6b56 rgb(254,107,86)
```

Split Complementary Color

#95fe56
```
#95fe56 rgb(149,254,86)
```
#5695fe
```
#5695fe rgb(86,149,254)
```
#fe5695
```
#fe5695 rgb(254,86,149)
```

Triadic Color

#56febf
```
#56febf rgb(86,254,191)
```
#5695fe
```
#5695fe rgb(86,149,254)
```
#fe5695
```
#fe5695 rgb(254,86,149)
```
#febf56
```
#febf56 rgb(254,191,86)
```

Tetradic Color

#0a65fe
```
#0a65fe rgb(10,101,254)
```
#2375fe
```
#2375fe rgb(35,117,254)
```
#3d85fe
```
#3d85fe rgb(61,133,254)
```
#5695fe
```
#5695fe rgb(86,149,254)
```
#6fa5fe
```
#6fa5fe rgb(111,165,254)
```
#89b5fe
```
#89b5fe rgb(137,181,254)
```
#a2c5fe
```
#a2c5fe rgb(162,197,254)
```

Monochromatic Color

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

#56bffe
```
#56bffe rgb(86,191,254)
```
#56b1fe
```
#56b1fe rgb(86,177,254)
```
#56a3fe
```
#56a3fe rgb(86,163,254)
```
#5695fe
```
#5695fe rgb(86,149,254)
```
#5687fe
```
#5687fe rgb(86,135,254)
```
#5679fe
```
#5679fe rgb(86,121,254)
```
#566bfe
```
#566bfe rgb(86,107,254)
```

Similar Colors

Text with hexadecimal color #5695fe

This text has a font color of #5695fe.

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

#5695fe background color

This paragraph has a background color of #5695fe.

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

#5695fe border color

This element has a border color of #5695fe.

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

CSS codes

.text {color:#5695fe;}

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

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

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)
```
#001941
```
#001941 rgb(0,25,65)
```
#002055
```
#002055 rgb(0,32,85)
```
#012768
```
#012768 rgb(1,39,104)
```
#012f7c
```
#012f7c rgb(1,47,124)
```
#01368f
```
#01368f rgb(1,54,143)
```
#013ea3
```
#013ea3 rgb(1,62,163)
```
#0145b6
```
#0145b6 rgb(1,69,182)
```
#014cca
```
#014cca rgb(1,76,202)
```
#0154dd
```
#0154dd rgb(1,84,221)
```
#015bf1
```
#015bf1 rgb(1,91,241)
```

Shade Color Variation

#0864fe
```
#0864fe rgb(8,100,254)
```
#1c70fe
```
#1c70fe rgb(28,112,254)
```
#2f7dfe
```
#2f7dfe rgb(47,125,254)
```
#4389fe
```
#4389fe rgb(67,137,254)
```
#5695fe
```
#5695fe rgb(86,149,254)
```
#6aa1fe
```
#6aa1fe rgb(106,161,254)
```
#7dadfe
```
#7dadfe rgb(125,173,254)
```
#91bafe
```
#91bafe rgb(145,186,254)
```
#a4c6fe
```
#a4c6fe rgb(164,198,254)
```
#b8d2ff
```
#b8d2ff rgb(184,210,255)
```
#cbdeff
```
#cbdeff rgb(203,222,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 #5695fe is the most saturated one.

#a4a9b0
```
#a4a9b0 rgb(164,169,176)
```
#9ea7b6
```
#9ea7b6 rgb(158,167,182)
```
#97a5bd
```
#97a5bd rgb(151,165,189)
```
#91a4c3
```
#91a4c3 rgb(145,164,195)
```
#8aa2ca
```
#8aa2ca rgb(138,162,202)
```
#84a0d0
```
#84a0d0 rgb(132,160,208)
```
#7d9fd7
```
#7d9fd7 rgb(125,159,215)
```
#779ddd
```
#779ddd rgb(119,157,221)
```
#709ce4
```
#709ce4 rgb(112,156,228)
```
#6a9aea
```
#6a9aea rgb(106,154,234)
```
#6398f1
```
#6398f1 rgb(99,152,241)
```
#5d97f7
```
#5d97f7 rgb(93,151,247)
```
#5695fe
```
#5695fe rgb(86,149,254)
```

Tone Color Variation

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

#6c98fc Protanopia 1% of men
#4a9dfc Deuteranopia 1% of men
#00aab7 Tritanopia 0.001% of the population

Trichromacy

#6497fc Protanomaly 1% of men, 0.01% of women
#4e9afd Deuteranomaly 6% of men, 0.4% of women
#1fa2d1 Tritanomaly 0.01% of the population

#5695fe hex color

#5695fe Color Information

#5695fe Color Conversion

Color Schemes with #5695fe

Alternatives to #5695fe

#5695fe Preview

Shades and Tints of #5695fe

Tones of #5695fe

Color Blindness Simulator