#5462aa hex color

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

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

● #5462aa color description : Dark moderate blue.

The hexadecimal color #5462aa has RGB values of R:84, G:98, B:170 and CMYK values of C:0.51, M:0.42, Y:0, K:0.33. Its decimal value is 5530282.

Hex triplet	5462aa	`#5462aa`
RGB Decimal	84, 98, 170	`rgb(84,98,170)`
RGB Percent	32.9, 38.4, 66.7	`rgb(32.9%,38.4%,66.7%)`
CMYK	51, 42, 0, 33
HSL	230.2°, 33.9, 49.8	`hsl(230.2,33.9%,49.8%)`
HSV (or HSB)	230.2°, 50.6, 66.7
Web Safe	666699	`#666699`

CIE-LAB	43.539, 15.226, -40.386
XYZ	15.278, 13.522, 39.833
xyY	0.223, 0.197, 13.522
CIE-LCH	43.539, 43.161, 290.657
CIE-LUV	43.539, -9.522, -61.053
Hunter-Lab	36.772, 9.812, -38.485
Binary	01010100, 01100010, 10101010

#5462aa
```
#5462aa rgb(84,98,170)
```
#aa9c54
```
#aa9c54 rgb(170,156,84)
```

Complementary Color

#548daa
```
#548daa rgb(84,141,170)
```
#5462aa
```
#5462aa rgb(84,98,170)
```
#7154aa
```
#7154aa rgb(113,84,170)
```

Analogous Color

#8daa54
```
#8daa54 rgb(141,170,84)
```
#5462aa
```
#5462aa rgb(84,98,170)
```
#aa7154
```
#aa7154 rgb(170,113,84)
```

Split Complementary Color

#62aa54
```
#62aa54 rgb(98,170,84)
```
#5462aa
```
#5462aa rgb(84,98,170)
```
#aa5462
```
#aa5462 rgb(170,84,98)
```

Triadic Color

#54aa9c
```
#54aa9c rgb(84,170,156)
```
#5462aa
```
#5462aa rgb(84,98,170)
```
#aa5462
```
#aa5462 rgb(170,84,98)
```
#aa9c54
```
#aa9c54 rgb(170,156,84)
```

Tetradic Color

#3b4477
```
#3b4477 rgb(59,68,119)
```
#434e88
```
#434e88 rgb(67,78,136)
```
#4c5899
```
#4c5899 rgb(76,88,153)
```
#5462aa
```
#5462aa rgb(84,98,170)
```
#6571b3
```
#6571b3 rgb(101,113,179)
```
#7681bb
```
#7681bb rgb(118,129,187)
```
#8791c4
```
#8791c4 rgb(135,145,196)
```

Monochromatic Color

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

#5478aa
```
#5478aa rgb(84,120,170)
```
#5470aa
```
#5470aa rgb(84,112,170)
```
#5469aa
```
#5469aa rgb(84,105,170)
```
#5462aa
```
#5462aa rgb(84,98,170)
```
#545baa
```
#545baa rgb(84,91,170)
```
#5454aa
```
#5454aa rgb(84,84,170)
```
#5c54aa
```
#5c54aa rgb(92,84,170)
```

Similar Colors

Text with hexadecimal color #5462aa

This text has a font color of #5462aa.

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

#5462aa background color

This paragraph has a background color of #5462aa.

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

#5462aa border color

This element has a border color of #5462aa.

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

CSS codes

.text {color:#5462aa;}

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

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

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

#06070c
```
#06070c rgb(6,7,12)
```
#0d0f1a
```
#0d0f1a rgb(13,15,26)
```
#131627
```
#131627 rgb(19,22,39)
```
#1a1e34
```
#1a1e34 rgb(26,30,52)
```
#202541
```
#202541 rgb(32,37,65)
```
#272d4e
```
#272d4e rgb(39,45,78)
```
#2d355b
```
#2d355b rgb(45,53,91)
```
#343c68
```
#343c68 rgb(52,60,104)
```
#3a4475
```
#3a4475 rgb(58,68,117)
```
#414b83
```
#414b83 rgb(65,75,131)
```
#475390
```
#475390 rgb(71,83,144)
```
#4e5a9d
```
#4e5a9d rgb(78,90,157)
```
#5462aa
```
#5462aa rgb(84,98,170)
```

Shade Color Variation

#616eb1
```
#616eb1 rgb(97,110,177)
```
#6e7ab7
```
#6e7ab7 rgb(110,122,183)
```
#7b86be
```
#7b86be rgb(123,134,190)
```
#8892c4
```
#8892c4 rgb(136,146,196)
```
#959ecb
```
#959ecb rgb(149,158,203)
```
#a2aad1
```
#a2aad1 rgb(162,170,209)
```
#b0b6d8
```
#b0b6d8 rgb(176,182,216)
```
#bdc2de
```
#bdc2de rgb(189,194,222)
```
#cacee5
```
#cacee5 rgb(202,206,229)
```
#d7daeb
```
#d7daeb rgb(215,218,235)
```
#e4e6f2
```
#e4e6f2 rgb(228,230,242)
```
#f1f2f8
```
#f1f2f8 rgb(241,242,248)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#7b7c83
```
#7b7c83 rgb(123,124,131)
```
#71768d
```
#71768d rgb(113,118,141)
```
#686f96
```
#686f96 rgb(104,111,150)
```
#5e69a0
```
#5e69a0 rgb(94,105,160)
```
#5462aa
```
#5462aa rgb(84,98,170)
```
#4a5bb4
```
#4a5bb4 rgb(74,91,180)
```
#4055be
```
#4055be rgb(64,85,190)
```
#374ec7
```
#374ec7 rgb(55,78,199)
```
#2d48d1
```
#2d48d1 rgb(45,72,209)
```
#2341db
```
#2341db rgb(35,65,219)
```
#193ae5
```
#193ae5 rgb(25,58,229)
```
#1034ee
```
#1034ee rgb(16,52,238)
```
#062df8
```
#062df8 rgb(6,45,248)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#626574 Atypical Achromatopsia 0.001% of the population

Dichromacy

#506cb0 Protanopia 1% of men
#456fac Deuteranopia 1% of men
#49757d Tritanopia 0.001% of the population

Trichromacy

#5168ae Protanomaly 1% of men, 0.01% of women
#4a6aab Deuteranomaly 6% of men, 0.4% of women
#4d6e8d Tritanomaly 0.01% of the population

#5462aa hex color

#5462aa Color Information

#5462aa Color Conversion

Color Schemes with #5462aa

Alternatives to #5462aa

#5462aa Preview

Shades and Tints of #5462aa

Tones of #5462aa

Color Blindness Simulator