#5466a2 hex color

In a RGB color space, hex #5466a2 is composed of 32.9% red, 40% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 48.1% cyan, 37% magenta, 0% yellow and 36.5% black. It has a hue angle of 226.2 degrees, a saturation of 31.7% and a lightness of 48.2%. #5466a2 color hex could be obtained by blending #a8ccff with #000045. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 40
- B 64
RGB color chart
- C 48
- M 37
- Y 0
- K 36
CMYK color chart

● #5466a2 color description : Dark moderate blue.

The hexadecimal color #5466a2 has RGB values of R:84, G:102, B:162 and CMYK values of C:0.48, M:0.37, Y:0, K:0.36. Its decimal value is 5531298.

Hex triplet	5466a2	`#5466a2`
RGB Decimal	84, 102, 162	`rgb(84,102,162)`
RGB Percent	32.9, 40, 63.5	`rgb(32.9%,40%,63.5%)`
CMYK	48, 37, 0, 36
HSL	226.2°, 31.7, 48.2	`hsl(226.2,31.7%,48.2%)`
HSV (or HSB)	226.2°, 48.1, 63.5
Web Safe	666699	`#666699`

CIE-LAB	44.227, 10.169, -34.579
XYZ	14.928, 13.996, 36.095
xyY	0.23, 0.215, 13.996
CIE-LCH	44.227, 36.044, 286.388
CIE-LUV	44.227, -10.698, -51.886
Hunter-Lab	37.411, 5.757, -31.018
Binary	01010100, 01100110, 10100010

#5466a2
```
#5466a2 rgb(84,102,162)
```
#a29054
```
#a29054 rgb(162,144,84)
```

Complementary Color

#548da2
```
#548da2 rgb(84,141,162)
```
#5466a2
```
#5466a2 rgb(84,102,162)
```
#6954a2
```
#6954a2 rgb(105,84,162)
```

Analogous Color

#8da254
```
#8da254 rgb(141,162,84)
```
#5466a2
```
#5466a2 rgb(84,102,162)
```
#a26954
```
#a26954 rgb(162,105,84)
```

Split Complementary Color

#66a254
```
#66a254 rgb(102,162,84)
```
#5466a2
```
#5466a2 rgb(84,102,162)
```
#a25466
```
#a25466 rgb(162,84,102)
```

Triadic Color

#54a290
```
#54a290 rgb(84,162,144)
```
#5466a2
```
#5466a2 rgb(84,102,162)
```
#a25466
```
#a25466 rgb(162,84,102)
```
#a29054
```
#a29054 rgb(162,144,84)
```

Tetradic Color

#3a4670
```
#3a4670 rgb(58,70,112)
```
#435180
```
#435180 rgb(67,81,128)
```
#4b5b91
```
#4b5b91 rgb(75,91,145)
```
#5466a2
```
#5466a2 rgb(84,102,162)
```
#6273ae
```
#6273ae rgb(98,115,174)
```
#7382b6
```
#7382b6 rgb(115,130,182)
```
#8491bf
```
#8491bf rgb(132,145,191)
```

Monochromatic Color

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

#547aa2
```
#547aa2 rgb(84,122,162)
```
#5473a2
```
#5473a2 rgb(84,115,162)
```
#546da2
```
#546da2 rgb(84,109,162)
```
#5466a2
```
#5466a2 rgb(84,102,162)
```
#545fa2
```
#545fa2 rgb(84,95,162)
```
#5459a2
```
#5459a2 rgb(84,89,162)
```
#5654a2
```
#5654a2 rgb(86,84,162)
```

Similar Colors

Text with hexadecimal color #5466a2

This text has a font color of #5466a2.

<span style="color:#5466a2;">Text here</span>

#5466a2 background color

This paragraph has a background color of #5466a2.

<p style="background-color:#5466a2;">Content here</p>

#5466a2 border color

This element has a border color of #5466a2.

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

CSS codes

.text {color:#5466a2;}

.background {background-color:#5466a2;}

.border {border:1px solid #5466a2;}

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

#040407
```
#040407 rgb(4,4,7)
```
#0a0d14
```
#0a0d14 rgb(10,13,20)
```
#111521
```
#111521 rgb(17,21,33)
```
#181d2e
```
#181d2e rgb(24,29,46)
```
#1e253b
```
#1e253b rgb(30,37,59)
```
#252d48
```
#252d48 rgb(37,45,72)
```
#2c3554
```
#2c3554 rgb(44,53,84)
```
#333d61
```
#333d61 rgb(51,61,97)
```
#39456e
```
#39456e rgb(57,69,110)
```
#404e7b
```
#404e7b rgb(64,78,123)
```
#475688
```
#475688 rgb(71,86,136)
```
#4d5e95
```
#4d5e95 rgb(77,94,149)
```
#5466a2
```
#5466a2 rgb(84,102,162)
```

Shade Color Variation

#5e70ac
```
#5e70ac rgb(94,112,172)
```
#6b7bb2
```
#6b7bb2 rgb(107,123,178)
```
#7887b9
```
#7887b9 rgb(120,135,185)
```
#8592c0
```
#8592c0 rgb(133,146,192)
```
#929ec6
```
#929ec6 rgb(146,158,198)
```
#9fa9cd
```
#9fa9cd rgb(159,169,205)
```
#acb5d4
```
#acb5d4 rgb(172,181,212)
```
#b8c0da
```
#b8c0da rgb(184,192,218)
```
#c5cce1
```
#c5cce1 rgb(197,204,225)
```
#d2d7e8
```
#d2d7e8 rgb(210,215,232)
```
#dfe3ef
```
#dfe3ef rgb(223,227,239)
```
#eceef5
```
#eceef5 rgb(236,238,245)
```
#f9fafc
```
#f9fafc rgb(249,250,252)
```

Tint Color Variation

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

#7a7a7c
```
#7a7a7c rgb(122,122,124)
```
#707586
```
#707586 rgb(112,117,134)
```
#67708f
```
#67708f rgb(103,112,143)
```
#5d6b99
```
#5d6b99 rgb(93,107,153)
```
#5466a2
```
#5466a2 rgb(84,102,162)
```
#4b61ab
```
#4b61ab rgb(75,97,171)
```
#415cb5
```
#415cb5 rgb(65,92,181)
```
#3857be
```
#3857be rgb(56,87,190)
```
#2e52c8
```
#2e52c8 rgb(46,82,200)
```
#254dd1
```
#254dd1 rgb(37,77,209)
```
#1b47db
```
#1b47db rgb(27,71,219)
```
#1242e4
```
#1242e4 rgb(18,66,228)
```
#083dee
```
#083dee rgb(8,61,238)
```

Tone Color Variation

Below, you can see how #5466a2 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

#676767 Achromatopsia 0.005% of the population
#636773 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a6ea7 Protanopia 1% of men
#5370a5 Deuteranopia 1% of men
#4e767f Tritanopia 0.001% of the population

Trichromacy

#576ba5 Protanomaly 1% of men, 0.01% of women
#536ca4 Deuteranomaly 6% of men, 0.4% of women
#50708b Tritanomaly 0.01% of the population

#5466a2 hex color

#5466a2 Color Information

#5466a2 Color Conversion

Color Schemes with #5466a2

Alternatives to #5466a2

#5466a2 Preview

Shades and Tints of #5466a2

Tones of #5466a2

Color Blindness Simulator