#5674ad hex color

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

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

● #5674ad color description : Dark moderate blue.

The hexadecimal color #5674ad has RGB values of R:86, G:116, B:173 and CMYK values of C:0.5, M:0.33, Y:0, K:0.32. Its decimal value is 5665965.

Hex triplet	5674ad	`#5674ad`
RGB Decimal	86, 116, 173	`rgb(86,116,173)`
RGB Percent	33.7, 45.5, 67.8	`rgb(33.7%,45.5%,67.8%)`
CMYK	50, 33, 0, 32
HSL	219.3°, 34.7, 50.8	`hsl(219.3,34.7%,50.8%)`
HSV (or HSB)	219.3°, 50.3, 67.8
Web Safe	666699	`#666699`

CIE-LAB	48.866, 5.525, -33.726
XYZ	17.624, 17.486, 41.979
xyY	0.229, 0.227, 17.486
CIE-LCH	48.866, 34.176, 279.304
CIE-LUV	48.866, -15.332, -51.188
Hunter-Lab	41.816, 2.056, -30.251
Binary	01010110, 01110100, 10101101

#5674ad
```
#5674ad rgb(86,116,173)
```
#ad8f56
```
#ad8f56 rgb(173,143,86)
```

Complementary Color

#56a0ad
```
#56a0ad rgb(86,160,173)
```
#5674ad
```
#5674ad rgb(86,116,173)
```
#6456ad
```
#6456ad rgb(100,86,173)
```

Analogous Color

#a0ad56
```
#a0ad56 rgb(160,173,86)
```
#5674ad
```
#5674ad rgb(86,116,173)
```
#ad6456
```
#ad6456 rgb(173,100,86)
```

Split Complementary Color

#74ad56
```
#74ad56 rgb(116,173,86)
```
#5674ad
```
#5674ad rgb(86,116,173)
```
#ad5674
```
#ad5674 rgb(173,86,116)
```

Triadic Color

#56ad8f
```
#56ad8f rgb(86,173,143)
```
#5674ad
```
#5674ad rgb(86,116,173)
```
#ad5674
```
#ad5674 rgb(173,86,116)
```
#ad8f56
```
#ad8f56 rgb(173,143,86)
```

Tetradic Color

#3c517b
```
#3c517b rgb(60,81,123)
```
#445d8c
```
#445d8c rgb(68,93,140)
```
#4c689d
```
#4c689d rgb(76,104,157)
```
#5674ad
```
#5674ad rgb(86,116,173)
```
#6782b5
```
#6782b5 rgb(103,130,181)
```
#7890be
```
#7890be rgb(120,144,190)
```
#8a9ec6
```
#8a9ec6 rgb(138,158,198)
```

Monochromatic Color

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

#568aad
```
#568aad rgb(86,138,173)
```
#5683ad
```
#5683ad rgb(86,131,173)
```
#567bad
```
#567bad rgb(86,123,173)
```
#5674ad
```
#5674ad rgb(86,116,173)
```
#566dad
```
#566dad rgb(86,109,173)
```
#5666ad
```
#5666ad rgb(86,102,173)
```
#565ead
```
#565ead rgb(86,94,173)
```

Similar Colors

Text with hexadecimal color #5674ad

This text has a font color of #5674ad.

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

#5674ad background color

This paragraph has a background color of #5674ad.

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

#5674ad border color

This element has a border color of #5674ad.

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

CSS codes

.text {color:#5674ad;}

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

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

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)
```
#080b10
```
#080b10 rgb(8,11,16)
```
#0e131d
```
#0e131d rgb(14,19,29)
```
#151c2a
```
#151c2a rgb(21,28,42)
```
#1b2538
```
#1b2538 rgb(27,37,56)
```
#212e45
```
#212e45 rgb(33,46,69)
```
#283652
```
#283652 rgb(40,54,82)
```
#2e3f5f
```
#2e3f5f rgb(46,63,95)
```
#35486c
```
#35486c rgb(53,72,108)
```
#3b517a
```
#3b517a rgb(59,81,122)
```
#415987
```
#415987 rgb(65,89,135)
```
#486294
```
#486294 rgb(72,98,148)
```
#4e6ba1
```
#4e6ba1 rgb(78,107,161)
```

Shade Color Variation

#5674ad
```
#5674ad rgb(86,116,173)
```
#637fb3
```
#637fb3 rgb(99,127,179)
```
#708aba
```
#708aba rgb(112,138,186)
```
#7e95c0
```
#7e95c0 rgb(126,149,192)
```
#8b9fc7
```
#8b9fc7 rgb(139,159,199)
```
#98aacd
```
#98aacd rgb(152,170,205)
```
#a5b5d3
```
#a5b5d3 rgb(165,181,211)
```
#b2c0da
```
#b2c0da rgb(178,192,218)
```
#c0cbe0
```
#c0cbe0 rgb(192,203,224)
```
#cdd6e7
```
#cdd6e7 rgb(205,214,231)
```
#dae1ed
```
#dae1ed rgb(218,225,237)
```
#e7ebf3
```
#e7ebf3 rgb(231,235,243)
```
#f4f6fa
```
#f4f6fa rgb(244,246,250)
```

Tint Color Variation

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

#7d8086
```
#7d8086 rgb(125,128,134)
```
#737d90
```
#737d90 rgb(115,125,144)
```
#697a9a
```
#697a9a rgb(105,122,154)
```
#6077a3
```
#6077a3 rgb(96,119,163)
```
#5674ad
```
#5674ad rgb(86,116,173)
```
#4c71b7
```
#4c71b7 rgb(76,113,183)
```
#436ec0
```
#436ec0 rgb(67,110,192)
```
#396bca
```
#396bca rgb(57,107,202)
```
#2f68d4
```
#2f68d4 rgb(47,104,212)
```
#2665dd
```
#2665dd rgb(38,101,221)
```
#1c62e7
```
#1c62e7 rgb(28,98,231)
```
#125ff1
```
#125ff1 rgb(18,95,241)
```
#095cfa
```
#095cfa rgb(9,92,250)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#6c727e Atypical Achromatopsia 0.001% of the population

Dichromacy

#6779b0 Protanopia 1% of men
#607ab1 Deuteranopia 1% of men
#4f828c Tritanopia 0.001% of the population

Trichromacy

#6177ae Protanomaly 1% of men, 0.01% of women
#5c78af Deuteranomaly 6% of men, 0.4% of women
#527d98 Tritanomaly 0.01% of the population

#5674ad hex color

#5674ad Color Information

#5674ad Color Conversion

Color Schemes with #5674ad

Alternatives to #5674ad

#5674ad Preview

Shades and Tints of #5674ad

Tones of #5674ad

Color Blindness Simulator