#5669ad hex color

In a RGB color space, hex #5669ad is composed of 33.7% red, 41.2% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 50.3% cyan, 39.3% magenta, 0% yellow and 32.2% black. It has a hue angle of 226.9 degrees, a saturation of 34.7% and a lightness of 50.8%. #5669ad color hex could be obtained by blending #acd2ff with #00005b. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 34
- G 41
- B 68
RGB color chart
- C 50
- M 39
- Y 0
- K 32
CMYK color chart

● #5669ad color description : Dark moderate blue.

The hexadecimal color #5669ad has RGB values of R:86, G:105, B:173 and CMYK values of C:0.5, M:0.39, Y:0, K:0.32. Its decimal value is 5663149.

Hex triplet	5669ad	`#5669ad`
RGB Decimal	86, 105, 173	`rgb(86,105,173)`
RGB Percent	33.7, 41.2, 67.8	`rgb(33.7%,41.2%,67.8%)`
CMYK	50, 39, 0, 32
HSL	226.9°, 34.7, 50.8	`hsl(226.9,34.7%,50.8%)`
HSV (or HSB)	226.9°, 50.3, 67.8
Web Safe	666699	`#666699`

CIE-LAB	45.768, 12.29, -38.606
XYZ	16.431, 15.098, 41.581
xyY	0.225, 0.207, 15.098
CIE-LCH	45.768, 40.515, 287.658
CIE-LUV	45.768, -11.349, -58.746
Hunter-Lab	38.856, 7.481, -36.249
Binary	01010110, 01101001, 10101101

#5669ad
```
#5669ad rgb(86,105,173)
```
#ad9a56
```
#ad9a56 rgb(173,154,86)
```

Complementary Color

#5695ad
```
#5695ad rgb(86,149,173)
```
#5669ad
```
#5669ad rgb(86,105,173)
```
#6f56ad
```
#6f56ad rgb(111,86,173)
```

Analogous Color

#95ad56
```
#95ad56 rgb(149,173,86)
```
#5669ad
```
#5669ad rgb(86,105,173)
```
#ad6f56
```
#ad6f56 rgb(173,111,86)
```

Split Complementary Color

#69ad56
```
#69ad56 rgb(105,173,86)
```
#5669ad
```
#5669ad rgb(86,105,173)
```
#ad5669
```
#ad5669 rgb(173,86,105)
```

Triadic Color

#56ad9a
```
#56ad9a rgb(86,173,154)
```
#5669ad
```
#5669ad rgb(86,105,173)
```
#ad5669
```
#ad5669 rgb(173,86,105)
```
#ad9a56
```
#ad9a56 rgb(173,154,86)
```

Tetradic Color

#3c497b
```
#3c497b rgb(60,73,123)
```
#44548c
```
#44548c rgb(68,84,140)
```
#4c5e9d
```
#4c5e9d rgb(76,94,157)
```
#5669ad
```
#5669ad rgb(86,105,173)
```
#6778b5
```
#6778b5 rgb(103,120,181)
```
#7887be
```
#7887be rgb(120,135,190)
```
#8a97c6
```
#8a97c6 rgb(138,151,198)
```

Monochromatic Color

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

#567fad
```
#567fad rgb(86,127,173)
```
#5678ad
```
#5678ad rgb(86,120,173)
```
#5670ad
```
#5670ad rgb(86,112,173)
```
#5669ad
```
#5669ad rgb(86,105,173)
```
#5662ad
```
#5662ad rgb(86,98,173)
```
#565bad
```
#565bad rgb(86,91,173)
```
#5956ad
```
#5956ad rgb(89,86,173)
```

Similar Colors

Text with hexadecimal color #5669ad

This text has a font color of #5669ad.

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

#5669ad background color

This paragraph has a background color of #5669ad.

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

#5669ad border color

This element has a border color of #5669ad.

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

CSS codes

.text {color:#5669ad;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#080a10
```
#080a10 rgb(8,10,16)
```
#0e111d
```
#0e111d rgb(14,17,29)
```
#15192a
```
#15192a rgb(21,25,42)
```
#1b2138
```
#1b2138 rgb(27,33,56)
```
#212945
```
#212945 rgb(33,41,69)
```
#283152
```
#283152 rgb(40,49,82)
```
#2e395f
```
#2e395f rgb(46,57,95)
```
#35416c
```
#35416c rgb(53,65,108)
```
#3b497a
```
#3b497a rgb(59,73,122)
```
#415187
```
#415187 rgb(65,81,135)
```
#485894
```
#485894 rgb(72,88,148)
```
#4e60a1
```
#4e60a1 rgb(78,96,161)
```

Shade Color Variation

#5669ad
```
#5669ad rgb(86,105,173)
```
#6375b3
```
#6375b3 rgb(99,117,179)
```
#7080ba
```
#7080ba rgb(112,128,186)
```
#7e8cc0
```
#7e8cc0 rgb(126,140,192)
```
#8b98c7
```
#8b98c7 rgb(139,152,199)
```
#98a4cd
```
#98a4cd rgb(152,164,205)
```
#a5afd3
```
#a5afd3 rgb(165,175,211)
```
#b2bbda
```
#b2bbda rgb(178,187,218)
```
#c0c7e0
```
#c0c7e0 rgb(192,199,224)
```
#cdd3e7
```
#cdd3e7 rgb(205,211,231)
```
#dadeed
```
#dadeed rgb(218,222,237)
```
#e7eaf3
```
#e7eaf3 rgb(231,234,243)
```
#f4f6fa
```
#f4f6fa rgb(244,246,250)
```

Tint Color Variation

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

#7d7f86
```
#7d7f86 rgb(125,127,134)
```
#737990
```
#737990 rgb(115,121,144)
```
#69749a
```
#69749a rgb(105,116,154)
```
#606ea3
```
#606ea3 rgb(96,110,163)
```
#5669ad
```
#5669ad rgb(86,105,173)
```
#4c64b7
```
#4c64b7 rgb(76,100,183)
```
#435ec0
```
#435ec0 rgb(67,94,192)
```
#3959ca
```
#3959ca rgb(57,89,202)
```
#2f53d4
```
#2f53d4 rgb(47,83,212)
```
#264edd
```
#264edd rgb(38,78,221)
```
#1c48e7
```
#1c48e7 rgb(28,72,231)
```
#1243f1
```
#1243f1 rgb(18,67,241)
```
#093efa
```
#093efa rgb(9,62,250)
```

Tone Color Variation

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

#5971b2 Protanopia 1% of men
#4f74af Deuteranopia 1% of men
#4c7a83 Tritanopia 0.001% of the population

Trichromacy

#576eb0 Protanomaly 1% of men, 0.01% of women
#5170ae Deuteranomaly 6% of men, 0.4% of women
#507492 Tritanomaly 0.01% of the population

#5669ad hex color

#5669ad Color Information

#5669ad Color Conversion

Color Schemes with #5669ad

Alternatives to #5669ad

#5669ad Preview

Shades and Tints of #5669ad

Tones of #5669ad

Color Blindness Simulator