#5669aa hex color

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

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

● #5669aa color description : Dark moderate blue.

The hexadecimal color #5669aa has RGB values of R:86, G:105, B:170 and CMYK values of C:0.49, M:0.38, Y:0, K:0.33. Its decimal value is 5663146.

Hex triplet	5669aa	`#5669aa`
RGB Decimal	86, 105, 170	`rgb(86,105,170)`
RGB Percent	33.7, 41.2, 66.7	`rgb(33.7%,41.2%,66.7%)`
CMYK	49, 38, 0, 33
HSL	226.4°, 33.1, 50.2	`hsl(226.4,33.1%,50.2%)`
HSV (or HSB)	226.4°, 49.4, 66.7
Web Safe	666699	`#666699`

CIE-LAB	45.611, 11.335, -37.096
XYZ	16.144, 14.983, 40.069
xyY	0.227, 0.21, 14.983
CIE-LCH	45.611, 38.789, 286.99
CIE-LUV	45.611, -11.274, -56.269
Hunter-Lab	38.708, 6.705, -34.279
Binary	01010110, 01101001, 10101010

#5669aa
```
#5669aa rgb(86,105,170)
```
#aa9756
```
#aa9756 rgb(170,151,86)
```

Complementary Color

#5693aa
```
#5693aa rgb(86,147,170)
```
#5669aa
```
#5669aa rgb(86,105,170)
```
#6d56aa
```
#6d56aa rgb(109,86,170)
```

Analogous Color

#93aa56
```
#93aa56 rgb(147,170,86)
```
#5669aa
```
#5669aa rgb(86,105,170)
```
#aa6d56
```
#aa6d56 rgb(170,109,86)
```

Split Complementary Color

#69aa56
```
#69aa56 rgb(105,170,86)
```
#5669aa
```
#5669aa rgb(86,105,170)
```
#aa5669
```
#aa5669 rgb(170,86,105)
```

Triadic Color

#56aa97
```
#56aa97 rgb(86,170,151)
```
#5669aa
```
#5669aa rgb(86,105,170)
```
#aa5669
```
#aa5669 rgb(170,86,105)
```
#aa9756
```
#aa9756 rgb(170,151,86)
```

Tetradic Color

#3c4977
```
#3c4977 rgb(60,73,119)
```
#455488
```
#455488 rgb(69,84,136)
```
#4d5e99
```
#4d5e99 rgb(77,94,153)
```
#5669aa
```
#5669aa rgb(86,105,170)
```
#6778b3
```
#6778b3 rgb(103,120,179)
```
#7887bb
```
#7887bb rgb(120,135,187)
```
#8996c4
```
#8996c4 rgb(137,150,196)
```

Monochromatic Color

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

#567eaa
```
#567eaa rgb(86,126,170)
```
#5677aa
```
#5677aa rgb(86,119,170)
```
#5670aa
```
#5670aa rgb(86,112,170)
```
#5669aa
```
#5669aa rgb(86,105,170)
```
#5662aa
```
#5662aa rgb(86,98,170)
```
#565baa
```
#565baa rgb(86,91,170)
```
#5856aa
```
#5856aa rgb(88,86,170)
```

Similar Colors

Text with hexadecimal color #5669aa

This text has a font color of #5669aa.

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

#5669aa background color

This paragraph has a background color of #5669aa.

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

#5669aa border color

This element has a border color of #5669aa.

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

CSS codes

.text {color:#5669aa;}

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

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

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 #f3f4f9 is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#07080e
```
#07080e rgb(7,8,14)
```
#0d101b
```
#0d101b rgb(13,16,27)
```
#141928
```
#141928 rgb(20,25,40)
```
#1b2135
```
#1b2135 rgb(27,33,53)
```
#212942
```
#212942 rgb(33,41,66)
```
#28314f
```
#28314f rgb(40,49,79)
```
#2e395c
```
#2e395c rgb(46,57,92)
```
#354169
```
#354169 rgb(53,65,105)
```
#3b4976
```
#3b4976 rgb(59,73,118)
```
#425183
```
#425183 rgb(66,81,131)
```
#495990
```
#495990 rgb(73,89,144)
```
#4f619d
```
#4f619d rgb(79,97,157)
```

Shade Color Variation

#5669aa
```
#5669aa rgb(86,105,170)
```
#6375b1
```
#6375b1 rgb(99,117,177)
```
#7080b7
```
#7080b7 rgb(112,128,183)
```
#7d8cbe
```
#7d8cbe rgb(125,140,190)
```
#8a97c4
```
#8a97c4 rgb(138,151,196)
```
#97a3cb
```
#97a3cb rgb(151,163,203)
```
#a4afd1
```
#a4afd1 rgb(164,175,209)
```
#b1bad8
```
#b1bad8 rgb(177,186,216)
```
#bec6df
```
#bec6df rgb(190,198,223)
```
#cbd1e5
```
#cbd1e5 rgb(203,209,229)
```
#d9ddec
```
#d9ddec rgb(217,221,236)
```
#e6e8f2
```
#e6e8f2 rgb(230,232,242)
```
#f3f4f9
```
#f3f4f9 rgb(243,244,249)
```

Tint Color Variation

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

#7d7e83
```
#7d7e83 rgb(125,126,131)
```
#73798d
```
#73798d rgb(115,121,141)
```
#6a7496
```
#6a7496 rgb(106,116,150)
```
#606ea0
```
#606ea0 rgb(96,110,160)
```
#5669aa
```
#5669aa rgb(86,105,170)
```
#4c64b4
```
#4c64b4 rgb(76,100,180)
```
#425ebe
```
#425ebe rgb(66,94,190)
```
#3959c7
```
#3959c7 rgb(57,89,199)
```
#2f54d1
```
#2f54d1 rgb(47,84,209)
```
#254edb
```
#254edb rgb(37,78,219)
```
#1b49e5
```
#1b49e5 rgb(27,73,229)
```
#1244ee
```
#1244ee rgb(18,68,238)
```
#083ef8
```
#083ef8 rgb(8,62,248)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#676b78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a71af Protanopia 1% of men
#5273ad Deuteranopia 1% of men
#4d7a83 Tritanopia 0.001% of the population

Trichromacy

#586ead Protanomaly 1% of men, 0.01% of women
#536fac Deuteranomaly 6% of men, 0.4% of women
#507491 Tritanomaly 0.01% of the population

#5669aa hex color

#5669aa Color Information

#5669aa Color Conversion

Color Schemes with #5669aa

Alternatives to #5669aa

#5669aa Preview

Shades and Tints of #5669aa

Tones of #5669aa

Color Blindness Simulator