#5679e1 hex color

In a RGB color space, hex #5679e1 is composed of 33.7% red, 47.5% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 61.8% cyan, 46.2% magenta, 0% yellow and 11.8% black. It has a hue angle of 224.9 degrees, a saturation of 69.8% and a lightness of 61%. #5679e1 color hex could be obtained by blending #acf2ff with #0000c3. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 34
- G 47
- B 88
RGB color chart
- C 62
- M 46
- Y 0
- K 12
CMYK color chart

● #5679e1 color description : Soft blue.

The hexadecimal color #5679e1 has RGB values of R:86, G:121, B:225 and CMYK values of C:0.62, M:0.46, Y:0, K:0.12. Its decimal value is 5667297.

Hex triplet	5679e1	`#5679e1`
RGB Decimal	86, 121, 225	`rgb(86,121,225)`
RGB Percent	33.7, 47.5, 88.2	`rgb(33.7%,47.5%,88.2%)`
CMYK	62, 46, 0, 12
HSL	224.9°, 69.8, 61	`hsl(224.9,69.8%,61%)`
HSV (or HSB)	224.9°, 61.8, 88.2
Web Safe	6666cc	`#6666cc`

CIE-LAB	53.046, 19.568, -56.814
XYZ	24.263, 21.088, 74.022
xyY	0.203, 0.177, 21.088
CIE-LCH	53.046, 60.09, 289.005
CIE-LUV	53.046, -17.481, -90.349
Hunter-Lab	45.922, 13.948, -63.425
Binary	01010110, 01111001, 11100001

#5679e1
```
#5679e1 rgb(86,121,225)
```
#e1be56
```
#e1be56 rgb(225,190,86)
```

Complementary Color

#56bfe1
```
#56bfe1 rgb(86,191,225)
```
#5679e1
```
#5679e1 rgb(86,121,225)
```
#7956e1
```
#7956e1 rgb(121,86,225)
```

Analogous Color

#bfe156
```
#bfe156 rgb(191,225,86)
```
#5679e1
```
#5679e1 rgb(86,121,225)
```
#e17956
```
#e17956 rgb(225,121,86)
```

Split Complementary Color

#79e156
```
#79e156 rgb(121,225,86)
```
#5679e1
```
#5679e1 rgb(86,121,225)
```
#e15679
```
#e15679 rgb(225,86,121)
```

Triadic Color

#56e1be
```
#56e1be rgb(86,225,190)
```
#5679e1
```
#5679e1 rgb(86,121,225)
```
#e15679
```
#e15679 rgb(225,86,121)
```
#e1be56
```
#e1be56 rgb(225,190,86)
```

Tetradic Color

#234dc7
```
#234dc7 rgb(35,77,199)
```
#2b57d9
```
#2b57d9 rgb(43,87,217)
```
#4068dd
```
#4068dd rgb(64,104,221)
```
#5679e1
```
#5679e1 rgb(86,121,225)
```
#6c8ae5
```
#6c8ae5 rgb(108,138,229)
```
#819be9
```
#819be9 rgb(129,155,233)
```
#97aded
```
#97aded rgb(151,173,237)
```

Monochromatic Color

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

#569ce1
```
#569ce1 rgb(86,156,225)
```
#5690e1
```
#5690e1 rgb(86,144,225)
```
#5685e1
```
#5685e1 rgb(86,133,225)
```
#5679e1
```
#5679e1 rgb(86,121,225)
```
#566de1
```
#566de1 rgb(86,109,225)
```
#5662e1
```
#5662e1 rgb(86,98,225)
```
#5656e1
```
#5656e1 rgb(86,86,225)
```

Similar Colors

Text with hexadecimal color #5679e1

This text has a font color of #5679e1.

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

#5679e1 background color

This paragraph has a background color of #5679e1.

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

#5679e1 border color

This element has a border color of #5679e1.

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

CSS codes

.text {color:#5679e1;}

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

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

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, #03050e is the darkest color, while #fdfdff is the lightest one.

#03050e
```
#03050e rgb(3,5,14)
```
#050c1f
```
#050c1f rgb(5,12,31)
```
#081230
```
#081230 rgb(8,18,48)
```
#0b1940
```
#0b1940 rgb(11,25,64)
```
#0e1f51
```
#0e1f51 rgb(14,31,81)
```
#112662
```
#112662 rgb(17,38,98)
```
#142c72
```
#142c72 rgb(20,44,114)
```
#173283
```
#173283 rgb(23,50,131)
```
#1a3994
```
#1a3994 rgb(26,57,148)
```
#1d3fa4
```
#1d3fa4 rgb(29,63,164)
```
#2046b5
```
#2046b5 rgb(32,70,181)
```
#234cc5
```
#234cc5 rgb(35,76,197)
```
#2652d6
```
#2652d6 rgb(38,82,214)
```

Shade Color Variation

#355fdb
```
#355fdb rgb(53,95,219)
```
#456cde
```
#456cde rgb(69,108,222)
```
#5679e1
```
#5679e1 rgb(86,121,225)
```
#6786e4
```
#6786e4 rgb(103,134,228)
```
#7793e7
```
#7793e7 rgb(119,147,231)
```
#88a1ea
```
#88a1ea rgb(136,161,234)
```
#99aeed
```
#99aeed rgb(153,174,237)
```
#a9bbf0
```
#a9bbf0 rgb(169,187,240)
```
#bac8f3
```
#bac8f3 rgb(186,200,243)
```
#cbd5f6
```
#cbd5f6 rgb(203,213,246)
```
#dbe3f9
```
#dbe3f9 rgb(219,227,249)
```
#ecf0fc
```
#ecf0fc rgb(236,240,252)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#9b9b9c
```
#9b9b9c rgb(155,155,156)
```
#9397a4
```
#9397a4 rgb(147,151,164)
```
#8c94ab
```
#8c94ab rgb(140,148,171)
```
#8490b3
```
#8490b3 rgb(132,144,179)
```
#7c8cbb
```
#7c8cbb rgb(124,140,187)
```
#7588c2
```
#7588c2 rgb(117,136,194)
```
#6d84ca
```
#6d84ca rgb(109,132,202)
```
#6581d2
```
#6581d2 rgb(101,129,210)
```
#5e7dd9
```
#5e7dd9 rgb(94,125,217)
```
#5679e1
```
#5679e1 rgb(86,121,225)
```
#4e75e9
```
#4e75e9 rgb(78,117,233)
```
#4771f0
```
#4771f0 rgb(71,113,240)
```
#3f6ef8
```
#3f6ef8 rgb(63,110,248)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#737a8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#5082e4 Protanopia 1% of men
#2687df Deuteranopia 1% of men
#2c919b Tritanopia 0.001% of the population

Trichromacy

#527ee3 Protanomaly 1% of men, 0.01% of women
#3782e0 Deuteranomaly 6% of men, 0.4% of women
#3b88b5 Tritanomaly 0.01% of the population

#5679e1 hex color

#5679e1 Color Information

#5679e1 Color Conversion

Color Schemes with #5679e1

Alternatives to #5679e1

#5679e1 Preview

Shades and Tints of #5679e1

Tones of #5679e1

Color Blindness Simulator