#5462af hex color

In a RGB color space, hex #5462af is composed of 32.9% red, 38.4% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 52% cyan, 44% magenta, 0% yellow and 31.4% black. It has a hue angle of 230.8 degrees, a saturation of 36.3% and a lightness of 50.8%. #5462af color hex could be obtained by blending #a8c4ff with #00005f. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 38
- B 69
RGB color chart
- C 52
- M 44
- Y 0
- K 31
CMYK color chart

● #5462af color description : Dark moderate blue.

The hexadecimal color #5462af has RGB values of R:84, G:98, B:175 and CMYK values of C:0.52, M:0.44, Y:0, K:0.31. Its decimal value is 5530287.

Hex triplet	5462af	`#5462af`
RGB Decimal	84, 98, 175	`rgb(84,98,175)`
RGB Percent	32.9, 38.4, 68.6	`rgb(32.9%,38.4%,68.6%)`
CMYK	52, 44, 0, 31
HSL	230.8°, 36.3, 50.8	`hsl(230.8,36.3%,50.8%)`
HSV (or HSB)	230.8°, 52, 68.6
Web Safe	666699	`#666699`

CIE-LAB	43.821, 16.842, -42.877
XYZ	15.76, 13.715, 42.372
xyY	0.219, 0.191, 13.715
CIE-LCH	43.821, 46.066, 291.444
CIE-LUV	43.821, -9.684, -65.086
Hunter-Lab	37.033, 11.155, -41.913
Binary	01010100, 01100010, 10101111

#5462af
```
#5462af rgb(84,98,175)
```
#afa154
```
#afa154 rgb(175,161,84)
```

Complementary Color

#5490af
```
#5490af rgb(84,144,175)
```
#5462af
```
#5462af rgb(84,98,175)
```
#7454af
```
#7454af rgb(116,84,175)
```

Analogous Color

#90af54
```
#90af54 rgb(144,175,84)
```
#5462af
```
#5462af rgb(84,98,175)
```
#af7454
```
#af7454 rgb(175,116,84)
```

Split Complementary Color

#62af54
```
#62af54 rgb(98,175,84)
```
#5462af
```
#5462af rgb(84,98,175)
```
#af5462
```
#af5462 rgb(175,84,98)
```

Triadic Color

#54afa1
```
#54afa1 rgb(84,175,161)
```
#5462af
```
#5462af rgb(84,98,175)
```
#af5462
```
#af5462 rgb(175,84,98)
```
#afa154
```
#afa154 rgb(175,161,84)
```

Tetradic Color

#3a447c
```
#3a447c rgb(58,68,124)
```
#424e8e
```
#424e8e rgb(66,78,142)
```
#4a579f
```
#4a579f rgb(74,87,159)
```
#5462af
```
#5462af rgb(84,98,175)
```
#6572b7
```
#6572b7 rgb(101,114,183)
```
#7782bf
```
#7782bf rgb(119,130,191)
```
#8892c7
```
#8892c7 rgb(136,146,199)
```

Monochromatic Color

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

#5479af
```
#5479af rgb(84,121,175)
```
#5471af
```
#5471af rgb(84,113,175)
```
#546aaf
```
#546aaf rgb(84,106,175)
```
#5462af
```
#5462af rgb(84,98,175)
```
#545aaf
```
#545aaf rgb(84,90,175)
```
#5554af
```
#5554af rgb(85,84,175)
```
#5d54af
```
#5d54af rgb(93,84,175)
```

Similar Colors

Text with hexadecimal color #5462af

This text has a font color of #5462af.

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

#5462af background color

This paragraph has a background color of #5462af.

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

#5462af border color

This element has a border color of #5462af.

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

CSS codes

.text {color:#5462af;}

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

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

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

#010103
```
#010103 rgb(1,1,3)
```
#080910
```
#080910 rgb(8,9,16)
```
#0e101d
```
#0e101d rgb(14,16,29)
```
#14182b
```
#14182b rgb(20,24,43)
```
#1a1f38
```
#1a1f38 rgb(26,31,56)
```
#212646
```
#212646 rgb(33,38,70)
```
#272e53
```
#272e53 rgb(39,46,83)
```
#2d3560
```
#2d3560 rgb(45,53,96)
```
#333c6e
```
#333c6e rgb(51,60,110)
```
#3a447b
```
#3a447b rgb(58,68,123)
```
#404b88
```
#404b88 rgb(64,75,136)
```
#465296
```
#465296 rgb(70,82,150)
```
#4c5aa3
```
#4c5aa3 rgb(76,90,163)
```

Shade Color Variation

#5462af
```
#5462af rgb(84,98,175)
```
#616eb5
```
#616eb5 rgb(97,110,181)
```
#6f7bbc
```
#6f7bbc rgb(111,123,188)
```
#7c87c2
```
#7c87c2 rgb(124,135,194)
```
#8993c8
```
#8993c8 rgb(137,147,200)
```
#979fce
```
#979fce rgb(151,159,206)
```
#a4acd5
```
#a4acd5 rgb(164,172,213)
```
#b2b8db
```
#b2b8db rgb(178,184,219)
```
#bfc4e1
```
#bfc4e1 rgb(191,196,225)
```
#ccd0e7
```
#ccd0e7 rgb(204,208,231)
```
#daddee
```
#daddee rgb(218,221,238)
```
#e7e9f4
```
#e7e9f4 rgb(231,233,244)
```
#f4f5fa
```
#f4f5fa rgb(244,245,250)
```

Tint Color Variation

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

#7b7d88
```
#7b7d88 rgb(123,125,136)
```
#717692
```
#717692 rgb(113,118,146)
```
#676f9c
```
#676f9c rgb(103,111,156)
```
#5e69a5
```
#5e69a5 rgb(94,105,165)
```
#5462af
```
#5462af rgb(84,98,175)
```
#4a5bb9
```
#4a5bb9 rgb(74,91,185)
```
#4155c2
```
#4155c2 rgb(65,85,194)
```
#374ecc
```
#374ecc rgb(55,78,204)
```
#2d47d6
```
#2d47d6 rgb(45,71,214)
```
#2441df
```
#2441df rgb(36,65,223)
```
#1a3ae9
```
#1a3ae9 rgb(26,58,233)
```
#1033f3
```
#1033f3 rgb(16,51,243)
```
#072dfc
```
#072dfc rgb(7,45,252)
```

Tone Color Variation

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

Dichromacy

#4c6db5 Protanopia 1% of men
#3f70b0 Deuteranopia 1% of men
#46767f Tritanopia 0.001% of the population

Trichromacy

#4f69b3 Protanomaly 1% of men, 0.01% of women
#466bb0 Deuteranomaly 6% of men, 0.4% of women
#4b6f90 Tritanomaly 0.01% of the population

#5462af hex color

#5462af Color Information

#5462af Color Conversion

Color Schemes with #5462af

Alternatives to #5462af

#5462af Preview

Shades and Tints of #5462af

Tones of #5462af

Color Blindness Simulator