#5679aa hex color

In a RGB color space, hex #5679aa is composed of 33.7% red, 47.5% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 49.4% cyan, 28.8% magenta, 0% yellow and 33.3% black. It has a hue angle of 215 degrees, a saturation of 33.1% and a lightness of 50.2%. #5679aa color hex could be obtained by blending #acf2ff with #000055. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 34
- G 47
- B 67
RGB color chart
- C 49
- M 29
- Y 0
- K 33
CMYK color chart

● #5679aa color description : Dark moderate blue.

The hexadecimal color #5679aa has RGB values of R:86, G:121, B:170 and CMYK values of C:0.49, M:0.29, Y:0, K:0.33. Its decimal value is 5667242.

Hex triplet	5679aa	`#5679aa`
RGB Decimal	86, 121, 170	`rgb(86,121,170)`
RGB Percent	33.7, 47.5, 66.7	`rgb(33.7%,47.5%,66.7%)`
CMYK	49, 29, 0, 33
HSL	215°, 33.1, 50.2	`hsl(215,33.1%,50.2%)`
HSV (or HSB)	215°, 49.4, 66.7
Web Safe	666699	`#666699`

CIE-LAB	50.162, 1.574, -29.956
XYZ	17.929, 18.555, 40.665
xyY	0.232, 0.241, 18.555
CIE-LCH	50.162, 29.998, 273.008
CIE-LUV	50.162, -17.195, -45.039
Hunter-Lab	43.075, -1.084, -25.82
Binary	01010110, 01111001, 10101010

#5679aa
```
#5679aa rgb(86,121,170)
```
#aa8756
```
#aa8756 rgb(170,135,86)
```

Complementary Color

#56a3aa
```
#56a3aa rgb(86,163,170)
```
#5679aa
```
#5679aa rgb(86,121,170)
```
#5d56aa
```
#5d56aa rgb(93,86,170)
```

Analogous Color

#a3aa56
```
#a3aa56 rgb(163,170,86)
```
#5679aa
```
#5679aa rgb(86,121,170)
```
#aa5d56
```
#aa5d56 rgb(170,93,86)
```

Split Complementary Color

#79aa56
```
#79aa56 rgb(121,170,86)
```
#5679aa
```
#5679aa rgb(86,121,170)
```
#aa5679
```
#aa5679 rgb(170,86,121)
```

Triadic Color

#56aa87
```
#56aa87 rgb(86,170,135)
```
#5679aa
```
#5679aa rgb(86,121,170)
```
#aa5679
```
#aa5679 rgb(170,86,121)
```
#aa8756
```
#aa8756 rgb(170,135,86)
```

Tetradic Color

#3c5577
```
#3c5577 rgb(60,85,119)
```
#456188
```
#456188 rgb(69,97,136)
```
#4d6d99
```
#4d6d99 rgb(77,109,153)
```
#5679aa
```
#5679aa rgb(86,121,170)
```
#6786b3
```
#6786b3 rgb(103,134,179)
```
#7894bb
```
#7894bb rgb(120,148,187)
```
#89a1c4
```
#89a1c4 rgb(137,161,196)
```

Monochromatic Color

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

#568eaa
```
#568eaa rgb(86,142,170)
```
#5687aa
```
#5687aa rgb(86,135,170)
```
#5680aa
```
#5680aa rgb(86,128,170)
```
#5679aa
```
#5679aa rgb(86,121,170)
```
#5672aa
```
#5672aa rgb(86,114,170)
```
#566baa
```
#566baa rgb(86,107,170)
```
#5664aa
```
#5664aa rgb(86,100,170)
```

Similar Colors

Text with hexadecimal color #5679aa

This text has a font color of #5679aa.

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

#5679aa background color

This paragraph has a background color of #5679aa.

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

#5679aa border color

This element has a border color of #5679aa.

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

CSS codes

.text {color:#5679aa;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#070a0e
```
#070a0e rgb(7,10,14)
```
#0d131b
```
#0d131b rgb(13,19,27)
```
#141c28
```
#141c28 rgb(20,28,40)
```
#1b2635
```
#1b2635 rgb(27,38,53)
```
#212f42
```
#212f42 rgb(33,47,66)
```
#28384f
```
#28384f rgb(40,56,79)
```
#2e415c
```
#2e415c rgb(46,65,92)
```
#354b69
```
#354b69 rgb(53,75,105)
```
#3b5476
```
#3b5476 rgb(59,84,118)
```
#425d83
```
#425d83 rgb(66,93,131)
```
#496690
```
#496690 rgb(73,102,144)
```
#4f709d
```
#4f709d rgb(79,112,157)
```

Shade Color Variation

#5679aa
```
#5679aa rgb(86,121,170)
```
#6383b1
```
#6383b1 rgb(99,131,177)
```
#708eb7
```
#708eb7 rgb(112,142,183)
```
#7d98be
```
#7d98be rgb(125,152,190)
```
#8aa2c4
```
#8aa2c4 rgb(138,162,196)
```
#97adcb
```
#97adcb rgb(151,173,203)
```
#a4b7d1
```
#a4b7d1 rgb(164,183,209)
```
#b1c1d8
```
#b1c1d8 rgb(177,193,216)
```
#beccdf
```
#beccdf rgb(190,204,223)
```
#cbd6e5
```
#cbd6e5 rgb(203,214,229)
```
#d9e0ec
```
#d9e0ec rgb(217,224,236)
```
#e6ebf2
```
#e6ebf2 rgb(230,235,242)
```
#f3f5f9
```
#f3f5f9 rgb(243,245,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d8083 is the less saturated color, while #086cf8 is the most saturated one.

#7d8083
```
#7d8083 rgb(125,128,131)
```
#737e8d
```
#737e8d rgb(115,126,141)
```
#6a7c96
```
#6a7c96 rgb(106,124,150)
```
#607ba0
```
#607ba0 rgb(96,123,160)
```
#5679aa
```
#5679aa rgb(86,121,170)
```
#4c77b4
```
#4c77b4 rgb(76,119,180)
```
#4276be
```
#4276be rgb(66,118,190)
```
#3974c7
```
#3974c7 rgb(57,116,199)
```
#2f72d1
```
#2f72d1 rgb(47,114,209)
```
#2571db
```
#2571db rgb(37,113,219)
```
#1b6fe5
```
#1b6fe5 rgb(27,111,229)
```
#126eee
```
#126eee rgb(18,110,238)
```
#086cf8
```
#086cf8 rgb(8,108,248)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#6e757f Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e7cac Protanopia 1% of men
#6a7daf Deuteranopia 1% of men
#52868f Tritanopia 0.001% of the population

Trichromacy

#657bab Protanomaly 1% of men, 0.01% of women
#627bad Deuteranomaly 6% of men, 0.4% of women
#538199 Tritanomaly 0.01% of the population

#5679aa hex color

#5679aa Color Information

#5679aa Color Conversion

Color Schemes with #5679aa

Alternatives to #5679aa

#5679aa Preview

Shades and Tints of #5679aa

Tones of #5679aa

Color Blindness Simulator