#5679ed hex color

In a RGB color space, hex #5679ed is composed of 33.7% red, 47.5% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 63.7% cyan, 48.9% magenta, 0% yellow and 7.1% black. It has a hue angle of 226.1 degrees, a saturation of 80.7% and a lightness of 63.3%. #5679ed color hex could be obtained by blending #acf2ff with #0000db. Closest websafe color is: #6666ff.

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

● #5679ed color description : Soft blue.

The hexadecimal color #5679ed has RGB values of R:86, G:121, B:237 and CMYK values of C:0.64, M:0.49, Y:0, K:0.07. Its decimal value is 5667309.

Hex triplet	5679ed	`#5679ed`
RGB Decimal	86, 121, 237	`rgb(86,121,237)`
RGB Percent	33.7, 47.5, 92.9	`rgb(33.7%,47.5%,92.9%)`
CMYK	64, 49, 0, 7
HSL	226.1°, 80.7, 63.3	`hsl(226.1,80.7%,63.3%)`
HSV (or HSB)	226.1°, 63.7, 92.9
Web Safe	6666ff	`#6666ff`

CIE-LAB	53.778, 23.633, -62.355
XYZ	25.958, 21.766, 82.949
xyY	0.199, 0.167, 21.766
CIE-LCH	53.778, 66.683, 290.757
CIE-LUV	53.778, -17.59, -99.658
Hunter-Lab	46.654, 17.671, -72.758
Binary	01010110, 01111001, 11101101

#5679ed
```
#5679ed rgb(86,121,237)
```
#edca56
```
#edca56 rgb(237,202,86)
```

Complementary Color

#56c5ed
```
#56c5ed rgb(86,197,237)
```
#5679ed
```
#5679ed rgb(86,121,237)
```
#7f56ed
```
#7f56ed rgb(127,86,237)
```

Analogous Color

#c5ed56
```
#c5ed56 rgb(197,237,86)
```
#5679ed
```
#5679ed rgb(86,121,237)
```
#ed7f56
```
#ed7f56 rgb(237,127,86)
```

Split Complementary Color

#79ed56
```
#79ed56 rgb(121,237,86)
```
#5679ed
```
#5679ed rgb(86,121,237)
```
#ed5679
```
#ed5679 rgb(237,86,121)
```

Triadic Color

#56edca
```
#56edca rgb(86,237,202)
```
#5679ed
```
#5679ed rgb(86,121,237)
```
#ed5679
```
#ed5679 rgb(237,86,121)
```
#edca56
```
#edca56 rgb(237,202,86)
```

Tetradic Color

#1846df
```
#1846df rgb(24,70,223)
```
#2854e8
```
#2854e8 rgb(40,84,232)
```
#3f67eb
```
#3f67eb rgb(63,103,235)
```
#5679ed
```
#5679ed rgb(86,121,237)
```
#6d8bef
```
#6d8bef rgb(109,139,239)
```
#849ef2
```
#849ef2 rgb(132,158,242)
```
#9bb0f4
```
#9bb0f4 rgb(155,176,244)
```

Monochromatic Color

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

#569fed
```
#569fed rgb(86,159,237)
```
#5692ed
```
#5692ed rgb(86,146,237)
```
#5686ed
```
#5686ed rgb(86,134,237)
```
#5679ed
```
#5679ed rgb(86,121,237)
```
#566ced
```
#566ced rgb(86,108,237)
```
#5660ed
```
#5660ed rgb(86,96,237)
```
#5956ed
```
#5956ed rgb(89,86,237)
```

Similar Colors

Text with hexadecimal color #5679ed

This text has a font color of #5679ed.

<span style="color:#5679ed;">Text here</span>

#5679ed background color

This paragraph has a background color of #5679ed.

<p style="background-color:#5679ed;">Content here</p>

#5679ed border color

This element has a border color of #5679ed.

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

CSS codes

.text {color:#5679ed;}

.background {background-color:#5679ed;}

.border {border:1px solid #5679ed;}

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

#010308
```
#010308 rgb(1,3,8)
```
#03081a
```
#03081a rgb(3,8,26)
```
#050e2c
```
#050e2c rgb(5,14,44)
```
#07133d
```
#07133d rgb(7,19,61)
```
#08194f
```
#08194f rgb(8,25,79)
```
#0a1e61
```
#0a1e61 rgb(10,30,97)
```
#0c2473
```
#0c2473 rgb(12,36,115)
```
#0e2a84
```
#0e2a84 rgb(14,42,132)
```
#102f96
```
#102f96 rgb(16,47,150)
```
#1235a8
```
#1235a8 rgb(18,53,168)
```
#143aba
```
#143aba rgb(20,58,186)
```
#1640cb
```
#1640cb rgb(22,64,203)
```
#1845dd
```
#1845dd rgb(24,69,221)
```

Shade Color Variation

#214fe7
```
#214fe7 rgb(33,79,231)
```
#335de9
```
#335de9 rgb(51,93,233)
```
#446beb
```
#446beb rgb(68,107,235)
```
#5679ed
```
#5679ed rgb(86,121,237)
```
#6887ef
```
#6887ef rgb(104,135,239)
```
#7995f1
```
#7995f1 rgb(121,149,241)
```
#8ba3f3
```
#8ba3f3 rgb(139,163,243)
```
#9db1f5
```
#9db1f5 rgb(157,177,245)
```
#afbff6
```
#afbff6 rgb(175,191,246)
```
#c0cdf8
```
#c0cdf8 rgb(192,205,248)
```
#d2dbfa
```
#d2dbfa rgb(210,219,250)
```
#e4e9fc
```
#e4e9fc rgb(228,233,252)
```
#f6f8fe
```
#f6f8fe rgb(246,248,254)
```

Tint Color Variation

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

#9ea0a5
```
#9ea0a5 rgb(158,160,165)
```
#979cac
```
#979cac rgb(151,156,172)
```
#9098b3
```
#9098b3 rgb(144,152,179)
```
#8894bb
```
#8894bb rgb(136,148,187)
```
#8190c2
```
#8190c2 rgb(129,144,194)
```
#7a8cc9
```
#7a8cc9 rgb(122,140,201)
```
#7388d0
```
#7388d0 rgb(115,136,208)
```
#6c85d7
```
#6c85d7 rgb(108,133,215)
```
#6481df
```
#6481df rgb(100,129,223)
```
#5d7de6
```
#5d7de6 rgb(93,125,230)
```
#5679ed
```
#5679ed rgb(86,121,237)
```
#4f75f4
```
#4f75f4 rgb(79,117,244)
```
#4871fb
```
#4871fb rgb(72,113,251)
```

Tone Color Variation

Below, you can see how #5679ed 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

#7c7c7c Achromatopsia 0.005% of the population
#747b93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4383f1 Protanopia 1% of men
#0089e4 Deuteranopia 1% of men
#0c949f Tritanopia 0.001% of the population

Trichromacy

#4a7fef Protanomaly 1% of men, 0.01% of women
#1f83e7 Deuteranomaly 6% of men, 0.4% of women
#278abb Tritanomaly 0.01% of the population

#5679ed hex color

#5679ed Color Information

#5679ed Color Conversion

Color Schemes with #5679ed

Alternatives to #5679ed

#5679ed Preview

Shades and Tints of #5679ed

Tones of #5679ed

Color Blindness Simulator