#5691e3 hex color

In a RGB color space, hex #5691e3 is composed of 33.7% red, 56.9% green and 89% blue. Whereas in a CMYK color space, it is composed of 62.1% cyan, 36.1% magenta, 0% yellow and 11% black. It has a hue angle of 214.9 degrees, a saturation of 71.6% and a lightness of 61.4%. #5691e3 color hex could be obtained by blending #acffff with #0023c7. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 34
- G 57
- B 89
RGB color chart
- C 62
- M 36
- Y 0
- K 11
CMYK color chart

● #5691e3 color description : Soft blue.

The hexadecimal color #5691e3 has RGB values of R:86, G:145, B:227 and CMYK values of C:0.62, M:0.36, Y:0, K:0.11. Its decimal value is 5673443.

Hex triplet	5691e3	`#5691e3`
RGB Decimal	86, 145, 227	`rgb(86,145,227)`
RGB Percent	33.7, 56.9, 89	`rgb(33.7%,56.9%,89%)`
CMYK	62, 36, 0, 11
HSL	214.9°, 71.6, 61.4	`hsl(214.9,71.6%,61.4%)`
HSV (or HSB)	214.9°, 62.1, 89
Web Safe	6699cc	`#6699cc`

CIE-LAB	59.684, 5.776, -47.36
XYZ	27.825, 27.774, 76.563
xyY	0.211, 0.21, 27.774
CIE-LCH	59.684, 47.711, 276.954
CIE-LUV	59.684, -25.398, -75.679
Hunter-Lab	52.701, 2.019, -49.246
Binary	01010110, 10010001, 11100011

#5691e3
```
#5691e3 rgb(86,145,227)
```
#e3a856
```
#e3a856 rgb(227,168,86)
```

Complementary Color

#56d8e3
```
#56d8e3 rgb(86,216,227)
```
#5691e3
```
#5691e3 rgb(86,145,227)
```
#6156e3
```
#6156e3 rgb(97,86,227)
```

Analogous Color

#d8e356
```
#d8e356 rgb(216,227,86)
```
#5691e3
```
#5691e3 rgb(86,145,227)
```
#e36156
```
#e36156 rgb(227,97,86)
```

Split Complementary Color

#91e356
```
#91e356 rgb(145,227,86)
```
#5691e3
```
#5691e3 rgb(86,145,227)
```
#e35691
```
#e35691 rgb(227,86,145)
```

Triadic Color

#56e3a8
```
#56e3a8 rgb(86,227,168)
```
#5691e3
```
#5691e3 rgb(86,145,227)
```
#e35691
```
#e35691 rgb(227,86,145)
```
#e3a856
```
#e3a856 rgb(227,168,86)
```

Tetradic Color

#2268cb
```
#2268cb rgb(34,104,203)
```
#2a75dc
```
#2a75dc rgb(42,117,220)
```
#4083df
```
#4083df rgb(64,131,223)
```
#5691e3
```
#5691e3 rgb(86,145,227)
```
#6c9fe7
```
#6c9fe7 rgb(108,159,231)
```
#82adea
```
#82adea rgb(130,173,234)
```
#98bcee
```
#98bcee rgb(152,188,238)
```

Monochromatic Color

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

#56b4e3
```
#56b4e3 rgb(86,180,227)
```
#56a9e3
```
#56a9e3 rgb(86,169,227)
```
#569de3
```
#569de3 rgb(86,157,227)
```
#5691e3
```
#5691e3 rgb(86,145,227)
```
#5685e3
```
#5685e3 rgb(86,133,227)
```
#567ae3
```
#567ae3 rgb(86,122,227)
```
#566ee3
```
#566ee3 rgb(86,110,227)
```

Similar Colors

Text with hexadecimal color #5691e3

This text has a font color of #5691e3.

<span style="color:#5691e3;">Text here</span>

#5691e3 background color

This paragraph has a background color of #5691e3.

<p style="background-color:#5691e3;">Content here</p>

#5691e3 border color

This element has a border color of #5691e3.

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

CSS codes

.text {color:#5691e3;}

.background {background-color:#5691e3;}

.border {border:1px solid #5691e3;}

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

#030810
```
#030810 rgb(3,8,16)
```
#051121
```
#051121 rgb(5,17,33)
```
#081a32
```
#081a32 rgb(8,26,50)
```
#0b2243
```
#0b2243 rgb(11,34,67)
```
#0e2b53
```
#0e2b53 rgb(14,43,83)
```
#113464
```
#113464 rgb(17,52,100)
```
#133c75
```
#133c75 rgb(19,60,117)
```
#164586
```
#164586 rgb(22,69,134)
```
#194e97
```
#194e97 rgb(25,78,151)
```
#1c56a8
```
#1c56a8 rgb(28,86,168)
```
#1f5fb8
```
#1f5fb8 rgb(31,95,184)
```
#2168c9
```
#2168c9 rgb(33,104,201)
```
#2470da
```
#2470da rgb(36,112,218)
```

Shade Color Variation

#347bdd
```
#347bdd rgb(52,123,221)
```
#4586e0
```
#4586e0 rgb(69,134,224)
```
#5691e3
```
#5691e3 rgb(86,145,227)
```
#679ce6
```
#679ce6 rgb(103,156,230)
```
#78a7e9
```
#78a7e9 rgb(120,167,233)
```
#88b2eb
```
#88b2eb rgb(136,178,235)
```
#99bdee
```
#99bdee rgb(153,189,238)
```
#aac8f1
```
#aac8f1 rgb(170,200,241)
```
#bbd3f4
```
#bbd3f4 rgb(187,211,244)
```
#ccdef7
```
#ccdef7 rgb(204,222,247)
```
#dde9f9
```
#dde9f9 rgb(221,233,249)
```
#edf4fc
```
#edf4fc rgb(237,244,252)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#9a9c9f
```
#9a9c9f rgb(154,156,159)
```
#939ba6
```
#939ba6 rgb(147,155,166)
```
#8b9aae
```
#8b9aae rgb(139,154,174)
```
#8398b6
```
#8398b6 rgb(131,152,182)
```
#7c97bd
```
#7c97bd rgb(124,151,189)
```
#7496c5
```
#7496c5 rgb(116,150,197)
```
#6d95cc
```
#6d95cc rgb(109,149,204)
```
#6593d4
```
#6593d4 rgb(101,147,212)
```
#5e92db
```
#5e92db rgb(94,146,219)
```
#5691e3
```
#5691e3 rgb(86,145,227)
```
#4e90eb
```
#4e90eb rgb(78,144,235)
```
#478ff2
```
#478ff2 rgb(71,143,242)
```
#3f8dfa
```
#3f8dfa rgb(63,141,250)
```

Tone Color Variation

Below, you can see how #5691e3 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

#898989 Achromatopsia 0.005% of the population
#7f8b9b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7592e1 Protanopia 1% of men
#6395e4 Deuteranopia 1% of men
#3aa2ae Tritanopia 0.001% of the population

Trichromacy

#6a92e2 Protanomaly 1% of men, 0.01% of women
#5e94e4 Deuteranomaly 6% of men, 0.4% of women
#449cc1 Tritanomaly 0.01% of the population

#5691e3 hex color

#5691e3 Color Information

#5691e3 Color Conversion

Color Schemes with #5691e3

Alternatives to #5691e3

#5691e3 Preview

Shades and Tints of #5691e3

Tones of #5691e3

Color Blindness Simulator