#5654aa hex color

In a RGB color space, hex #5654aa is composed of 33.7% red, 32.9% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 49.4% cyan, 50.6% magenta, 0% yellow and 33.3% black. It has a hue angle of 241.4 degrees, a saturation of 33.9% and a lightness of 49.8%. #5654aa color hex could be obtained by blending #aca8ff with #000055. Closest websafe color is: #666699.

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

● #5654aa color description : Dark moderate blue.

The hexadecimal color #5654aa has RGB values of R:86, G:84, B:170 and CMYK values of C:0.49, M:0.51, Y:0, K:0.33. Its decimal value is 5657770.

Hex triplet	5654aa	`#5654aa`
RGB Decimal	86, 84, 170	`rgb(86,84,170)`
RGB Percent	33.7, 32.9, 66.7	`rgb(33.7%,32.9%,66.7%)`
CMYK	49, 51, 0, 33
HSL	241.4°, 33.9, 49.8	`hsl(241.4,33.9%,49.8%)`
HSV (or HSB)	241.4°, 50.6, 66.7
Web Safe	666699	`#666699`

CIE-LAB	39.95, 24.533, -46.105
XYZ	14.262, 11.221, 39.442
xyY	0.22, 0.173, 11.221
CIE-LCH	39.95, 52.226, 298.018
CIE-LUV	39.95, -4.283, -68.928
Hunter-Lab	33.498, 17.379, -46.364
Binary	01010110, 01010100, 10101010

#5654aa
```
#5654aa rgb(86,84,170)
```
#a8aa54
```
#a8aa54 rgb(168,170,84)
```

Complementary Color

#547daa
```
#547daa rgb(84,125,170)
```
#5654aa
```
#5654aa rgb(86,84,170)
```
#8154aa
```
#8154aa rgb(129,84,170)
```

Analogous Color

#7daa54
```
#7daa54 rgb(125,170,84)
```
#5654aa
```
#5654aa rgb(86,84,170)
```
#aa8154
```
#aa8154 rgb(170,129,84)
```

Split Complementary Color

#54aa56
```
#54aa56 rgb(84,170,86)
```
#5654aa
```
#5654aa rgb(86,84,170)
```
#aa5654
```
#aa5654 rgb(170,86,84)
```

Triadic Color

#54a8aa
```
#54a8aa rgb(84,168,170)
```
#5654aa
```
#5654aa rgb(86,84,170)
```
#aa5654
```
#aa5654 rgb(170,86,84)
```
#a8aa54
```
#a8aa54 rgb(168,170,84)
```

Tetradic Color

#3c3b77
```
#3c3b77 rgb(60,59,119)
```
#454388
```
#454388 rgb(69,67,136)
```
#4d4c99
```
#4d4c99 rgb(77,76,153)
```
#5654aa
```
#5654aa rgb(86,84,170)
```
#6765b3
```
#6765b3 rgb(103,101,179)
```
#7776bb
```
#7776bb rgb(119,118,187)
```
#8887c4
```
#8887c4 rgb(136,135,196)
```

Monochromatic Color

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

#5468aa
```
#5468aa rgb(84,104,170)
```
#5460aa
```
#5460aa rgb(84,96,170)
```
#5459aa
```
#5459aa rgb(84,89,170)
```
#5654aa
```
#5654aa rgb(86,84,170)
```
#5d54aa
```
#5d54aa rgb(93,84,170)
```
#6454aa
```
#6454aa rgb(100,84,170)
```
#6c54aa
```
#6c54aa rgb(108,84,170)
```

Similar Colors

Text with hexadecimal color #5654aa

This text has a font color of #5654aa.

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

#5654aa background color

This paragraph has a background color of #5654aa.

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

#5654aa border color

This element has a border color of #5654aa.

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

CSS codes

.text {color:#5654aa;}

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

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

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, #06060c is the darkest color, while #fefeff is the lightest one.

#06060c
```
#06060c rgb(6,6,12)
```
#0d0d1a
```
#0d0d1a rgb(13,13,26)
```
#141327
```
#141327 rgb(20,19,39)
```
#1a1a34
```
#1a1a34 rgb(26,26,52)
```
#212041
```
#212041 rgb(33,32,65)
```
#28274e
```
#28274e rgb(40,39,78)
```
#2e2d5b
```
#2e2d5b rgb(46,45,91)
```
#353468
```
#353468 rgb(53,52,104)
```
#3b3a75
```
#3b3a75 rgb(59,58,117)
```
#424183
```
#424183 rgb(66,65,131)
```
#494790
```
#494790 rgb(73,71,144)
```
#4f4e9d
```
#4f4e9d rgb(79,78,157)
```
#5654aa
```
#5654aa rgb(86,84,170)
```

Shade Color Variation

#6361b1
```
#6361b1 rgb(99,97,177)
```
#706eb7
```
#706eb7 rgb(112,110,183)
```
#7d7bbe
```
#7d7bbe rgb(125,123,190)
```
#8a88c4
```
#8a88c4 rgb(138,136,196)
```
#9795cb
```
#9795cb rgb(151,149,203)
```
#a4a2d1
```
#a4a2d1 rgb(164,162,209)
```
#b0b0d8
```
#b0b0d8 rgb(176,176,216)
```
#bdbdde
```
#bdbdde rgb(189,189,222)
```
#cacae5
```
#cacae5 rgb(202,202,229)
```
#d7d7eb
```
#d7d7eb rgb(215,215,235)
```
#e4e4f2
```
#e4e4f2 rgb(228,228,242)
```
#f1f1f8
```
#f1f1f8 rgb(241,241,248)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#7b7b83
```
#7b7b83 rgb(123,123,131)
```
#72718d
```
#72718d rgb(114,113,141)
```
#696896
```
#696896 rgb(105,104,150)
```
#5f5ea0
```
#5f5ea0 rgb(95,94,160)
```
#5654aa
```
#5654aa rgb(86,84,170)
```
#4d4ab4
```
#4d4ab4 rgb(77,74,180)
```
#4340be
```
#4340be rgb(67,64,190)
```
#3a37c7
```
#3a37c7 rgb(58,55,199)
```
#312dd1
```
#312dd1 rgb(49,45,209)
```
#2723db
```
#2723db rgb(39,35,219)
```
#1e19e5
```
#1e19e5 rgb(30,25,229)
```
#1510ee
```
#1510ee rgb(21,16,238)
```
#0b06f8
```
#0b06f8 rgb(11,6,248)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#5c5c6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#3763b4 Protanopia 1% of men
#2567aa Deuteranopia 1% of men
#486b73 Tritanopia 0.001% of the population

Trichromacy

#425eb0 Protanomaly 1% of men, 0.01% of women
#3760aa Deuteranomaly 6% of men, 0.4% of women
#4d6387 Tritanomaly 0.01% of the population

#5654aa hex color

#5654aa Color Information

#5654aa Color Conversion

Color Schemes with #5654aa

Alternatives to #5654aa

#5654aa Preview

Shades and Tints of #5654aa

Tones of #5654aa

Color Blindness Simulator