#5462a9 hex color

In a RGB color space, hex #5462a9 is composed of 32.9% red, 38.4% green and 66.3% blue. Whereas in a CMYK color space, it is composed of 50.3% cyan, 42% magenta, 0% yellow and 33.7% black. It has a hue angle of 230.1 degrees, a saturation of 33.6% and a lightness of 49.6%. #5462a9 color hex could be obtained by blending #a8c4ff with #000053. Closest websafe color is: #666699.

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

● #5462a9 color description : Dark moderate blue.

The hexadecimal color #5462a9 has RGB values of R:84, G:98, B:169 and CMYK values of C:0.5, M:0.42, Y:0, K:0.34. Its decimal value is 5530281.

Hex triplet	5462a9	`#5462a9`
RGB Decimal	84, 98, 169	`rgb(84,98,169)`
RGB Percent	32.9, 38.4, 66.3	`rgb(32.9%,38.4%,66.3%)`
CMYK	50, 42, 0, 34
HSL	230.1°, 33.6, 49.6	`hsl(230.1,33.6%,49.6%)`
HSV (or HSB)	230.1°, 50.3, 66.3
Web Safe	666699	`#666699`

CIE-LAB	43.484, 14.904, -39.885
XYZ	15.184, 13.484, 39.337
xyY	0.223, 0.198, 13.484
CIE-LCH	43.484, 42.579, 290.49
CIE-LUV	43.484, -9.49, -60.242
Hunter-Lab	36.721, 9.547, -37.809
Binary	01010100, 01100010, 10101001

#5462a9
```
#5462a9 rgb(84,98,169)
```
#a99b54
```
#a99b54 rgb(169,155,84)
```

Complementary Color

#548da9
```
#548da9 rgb(84,141,169)
```
#5462a9
```
#5462a9 rgb(84,98,169)
```
#7154a9
```
#7154a9 rgb(113,84,169)
```

Analogous Color

#8da954
```
#8da954 rgb(141,169,84)
```
#5462a9
```
#5462a9 rgb(84,98,169)
```
#a97154
```
#a97154 rgb(169,113,84)
```

Split Complementary Color

#62a954
```
#62a954 rgb(98,169,84)
```
#5462a9
```
#5462a9 rgb(84,98,169)
```
#a95462
```
#a95462 rgb(169,84,98)
```

Triadic Color

#54a99b
```
#54a99b rgb(84,169,155)
```
#5462a9
```
#5462a9 rgb(84,98,169)
```
#a95462
```
#a95462 rgb(169,84,98)
```
#a99b54
```
#a99b54 rgb(169,155,84)
```

Tetradic Color

#3b4476
```
#3b4476 rgb(59,68,118)
```
#434e87
```
#434e87 rgb(67,78,135)
```
#4c5898
```
#4c5898 rgb(76,88,152)
```
#5462a9
```
#5462a9 rgb(84,98,169)
```
#6471b2
```
#6471b2 rgb(100,113,178)
```
#7581bb
```
#7581bb rgb(117,129,187)
```
#8690c3
```
#8690c3 rgb(134,144,195)
```

Monochromatic Color

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

#5477a9
```
#5477a9 rgb(84,119,169)
```
#5470a9
```
#5470a9 rgb(84,112,169)
```
#5469a9
```
#5469a9 rgb(84,105,169)
```
#5462a9
```
#5462a9 rgb(84,98,169)
```
#545ba9
```
#545ba9 rgb(84,91,169)
```
#5454a9
```
#5454a9 rgb(84,84,169)
```
#5b54a9
```
#5b54a9 rgb(91,84,169)
```

Similar Colors

Text with hexadecimal color #5462a9

This text has a font color of #5462a9.

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

#5462a9 background color

This paragraph has a background color of #5462a9.

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

#5462a9 border color

This element has a border color of #5462a9.

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

CSS codes

.text {color:#5462a9;}

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

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

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 #fefefe is the lightest one.

#06070c
```
#06070c rgb(6,7,12)
```
#0c0e19
```
#0c0e19 rgb(12,14,25)
```
#131626
```
#131626 rgb(19,22,38)
```
#191e33
```
#191e33 rgb(25,30,51)
```
#202540
```
#202540 rgb(32,37,64)
```
#262d4d
```
#262d4d rgb(38,45,77)
```
#2d345a
```
#2d345a rgb(45,52,90)
```
#333c67
```
#333c67 rgb(51,60,103)
```
#3a4475
```
#3a4475 rgb(58,68,117)
```
#404b82
```
#404b82 rgb(64,75,130)
```
#47538f
```
#47538f rgb(71,83,143)
```
#4d5a9c
```
#4d5a9c rgb(77,90,156)
```
#5462a9
```
#5462a9 rgb(84,98,169)
```

Shade Color Variation

#606eb0
```
#606eb0 rgb(96,110,176)
```
#6e7ab7
```
#6e7ab7 rgb(110,122,183)
```
#7b86bd
```
#7b86bd rgb(123,134,189)
```
#8892c4
```
#8892c4 rgb(136,146,196)
```
#959eca
```
#959eca rgb(149,158,202)
```
#a2aad1
```
#a2aad1 rgb(162,170,209)
```
#afb6d7
```
#afb6d7 rgb(175,182,215)
```
#bcc2de
```
#bcc2de rgb(188,194,222)
```
#c9cee4
```
#c9cee4 rgb(201,206,228)
```
#d6daeb
```
#d6daeb rgb(214,218,235)
```
#e3e6f1
```
#e3e6f1 rgb(227,230,241)
```
#f1f2f8
```
#f1f2f8 rgb(241,242,248)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#7b7c82
```
#7b7c82 rgb(123,124,130)
```
#71768c
```
#71768c rgb(113,118,140)
```
#676f96
```
#676f96 rgb(103,111,150)
```
#5e699f
```
#5e699f rgb(94,105,159)
```
#5462a9
```
#5462a9 rgb(84,98,169)
```
#4a5bb3
```
#4a5bb3 rgb(74,91,179)
```
#4155bc
```
#4155bc rgb(65,85,188)
```
#374ec6
```
#374ec6 rgb(55,78,198)
```
#2d48d0
```
#2d48d0 rgb(45,72,208)
```
#2341da
```
#2341da rgb(35,65,218)
```
#1a3be3
```
#1a3be3 rgb(26,59,227)
```
#1034ed
```
#1034ed rgb(16,52,237)
```
#062ef7
```
#062ef7 rgb(6,46,247)
```

Tone Color Variation

Below, you can see how #5462a9 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
#626573 Atypical Achromatopsia 0.001% of the population

Dichromacy

#506caf Protanopia 1% of men
#466fab Deuteranopia 1% of men
#49757d Tritanopia 0.001% of the population

Trichromacy

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

#5462a9 hex color

#5462a9 Color Information

#5462a9 Color Conversion

Color Schemes with #5462a9

Alternatives to #5462a9

#5462a9 Preview

Shades and Tints of #5462a9

Tones of #5462a9

Color Blindness Simulator