#5694aa hex color

In a RGB color space, hex #5694aa is composed of 33.7% red, 58% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 49.4% cyan, 12.9% magenta, 0% yellow and 33.3% black. It has a hue angle of 195.7 degrees, a saturation of 33.1% and a lightness of 50.2%. #5694aa color hex could be obtained by blending #acffff with #002955. Closest websafe color is: #669999.

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

● #5694aa color description : Dark moderate blue.

The hexadecimal color #5694aa has RGB values of R:86, G:148, B:170 and CMYK values of C:0.49, M:0.13, Y:0, K:0.33. Its decimal value is 5674154.

Hex triplet	5694aa	`#5694aa`
RGB Decimal	86, 148, 170	`rgb(86,148,170)`
RGB Percent	33.7, 58, 66.7	`rgb(33.7%,58%,66.7%)`
CMYK	49, 13, 0, 33
HSL	195.7°, 33.1, 50.2	`hsl(195.7,33.1%,50.2%)`
HSV (or HSB)	195.7°, 49.4, 66.7
Web Safe	669999	`#669999`

CIE-LAB	58.093, -13.861, -17.744
XYZ	21.682, 26.059, 41.915
xyY	0.242, 0.291, 26.059
CIE-LCH	58.093, 22.516, 232.004
CIE-LUV	58.093, -27.742, -24.663
Hunter-Lab	51.048, -13.521, -12.949
Binary	01010110, 10010100, 10101010

#5694aa
```
#5694aa rgb(86,148,170)
```
#aa6c56
```
#aa6c56 rgb(170,108,86)
```

Complementary Color

#56aa96
```
#56aa96 rgb(86,170,150)
```
#5694aa
```
#5694aa rgb(86,148,170)
```
#566aaa
```
#566aaa rgb(86,106,170)
```

Analogous Color

#aa9656
```
#aa9656 rgb(170,150,86)
```
#5694aa
```
#5694aa rgb(86,148,170)
```
#aa566a
```
#aa566a rgb(170,86,106)
```

Split Complementary Color

#94aa56
```
#94aa56 rgb(148,170,86)
```
#5694aa
```
#5694aa rgb(86,148,170)
```
#aa5694
```
#aa5694 rgb(170,86,148)
```

Triadic Color

#56aa6c
```
#56aa6c rgb(86,170,108)
```
#5694aa
```
#5694aa rgb(86,148,170)
```
#aa5694
```
#aa5694 rgb(170,86,148)
```
#aa6c56
```
#aa6c56 rgb(170,108,86)
```

Tetradic Color

#3c6877
```
#3c6877 rgb(60,104,119)
```
#457788
```
#457788 rgb(69,119,136)
```
#4d8599
```
#4d8599 rgb(77,133,153)
```
#5694aa
```
#5694aa rgb(86,148,170)
```
#679fb3
```
#679fb3 rgb(103,159,179)
```
#78a9bb
```
#78a9bb rgb(120,169,187)
```
#89b4c4
```
#89b4c4 rgb(137,180,196)
```

Monochromatic Color

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

#56a9aa
```
#56a9aa rgb(86,169,170)
```
#56a2aa
```
#56a2aa rgb(86,162,170)
```
#569baa
```
#569baa rgb(86,155,170)
```
#5694aa
```
#5694aa rgb(86,148,170)
```
#568daa
```
#568daa rgb(86,141,170)
```
#5686aa
```
#5686aa rgb(86,134,170)
```
#567faa
```
#567faa rgb(86,127,170)
```

Similar Colors

Text with hexadecimal color #5694aa

This text has a font color of #5694aa.

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

#5694aa background color

This paragraph has a background color of #5694aa.

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

#5694aa border color

This element has a border color of #5694aa.

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

CSS codes

.text {color:#5694aa;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#070c0e
```
#070c0e rgb(7,12,14)
```
#0d171b
```
#0d171b rgb(13,23,27)
```
#142328
```
#142328 rgb(20,35,40)
```
#1b2e35
```
#1b2e35 rgb(27,46,53)
```
#213942
```
#213942 rgb(33,57,66)
```
#28454f
```
#28454f rgb(40,69,79)
```
#2e505c
```
#2e505c rgb(46,80,92)
```
#355b69
```
#355b69 rgb(53,91,105)
```
#3b6776
```
#3b6776 rgb(59,103,118)
```
#427283
```
#427283 rgb(66,114,131)
```
#497d90
```
#497d90 rgb(73,125,144)
```
#4f899d
```
#4f899d rgb(79,137,157)
```

Shade Color Variation

#5694aa
```
#5694aa rgb(86,148,170)
```
#639cb1
```
#639cb1 rgb(99,156,177)
```
#70a5b7
```
#70a5b7 rgb(112,165,183)
```
#7dadbe
```
#7dadbe rgb(125,173,190)
```
#8ab5c4
```
#8ab5c4 rgb(138,181,196)
```
#97bdcb
```
#97bdcb rgb(151,189,203)
```
#a4c6d1
```
#a4c6d1 rgb(164,198,209)
```
#b1ced8
```
#b1ced8 rgb(177,206,216)
```
#bed6df
```
#bed6df rgb(190,214,223)
```
#cbdee5
```
#cbdee5 rgb(203,222,229)
```
#d9e7ec
```
#d9e7ec rgb(217,231,236)
```
#e6eff2
```
#e6eff2 rgb(230,239,242)
```
#f3f7f9
```
#f3f7f9 rgb(243,247,249)
```

Tint Color Variation

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

#7d8183
```
#7d8183 rgb(125,129,131)
```
#73868d
```
#73868d rgb(115,134,141)
```
#6a8b96
```
#6a8b96 rgb(106,139,150)
```
#608fa0
```
#608fa0 rgb(96,143,160)
```
#5694aa
```
#5694aa rgb(86,148,170)
```
#4c99b4
```
#4c99b4 rgb(76,153,180)
```
#429dbe
```
#429dbe rgb(66,157,190)
```
#39a2c7
```
#39a2c7 rgb(57,162,199)
```
#2fa7d1
```
#2fa7d1 rgb(47,167,209)
```
#25abdb
```
#25abdb rgb(37,171,219)
```
#1bb0e5
```
#1bb0e5 rgb(27,176,229)
```
#12b5ee
```
#12b5ee rgb(18,181,238)
```
#08b9f8
```
#08b9f8 rgb(8,185,248)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#7b878c Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c90a8 Protanopia 1% of men
#8d8eb2 Deuteranopia 1% of men
#5b9ba6 Tritanopia 0.001% of the population

Trichromacy

#7891a9 Protanomaly 1% of men, 0.01% of women
#7990af Deuteranomaly 6% of men, 0.4% of women
#5998a7 Tritanomaly 0.01% of the population

#5694aa hex color

#5694aa Color Information

#5694aa Color Conversion

Color Schemes with #5694aa

Alternatives to #5694aa

#5694aa Preview

Shades and Tints of #5694aa

Tones of #5694aa

Color Blindness Simulator