#5462b9 hex color

In a RGB color space, hex #5462b9 is composed of 32.9% red, 38.4% green and 72.5% blue. Whereas in a CMYK color space, it is composed of 54.6% cyan, 47% magenta, 0% yellow and 27.5% black. It has a hue angle of 231.7 degrees, a saturation of 41.9% and a lightness of 52.7%. #5462b9 color hex could be obtained by blending #a8c4ff with #000073. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 38
- B 73
RGB color chart
- C 55
- M 47
- Y 0
- K 27
CMYK color chart

● #5462b9 color description : Moderate blue.

The hexadecimal color #5462b9 has RGB values of R:84, G:98, B:185 and CMYK values of C:0.55, M:0.47, Y:0, K:0.27. Its decimal value is 5530297.

Hex triplet	5462b9	`#5462b9`
RGB Decimal	84, 98, 185	`rgb(84,98,185)`
RGB Percent	32.9, 38.4, 72.5	`rgb(32.9%,38.4%,72.5%)`
CMYK	55, 47, 0, 27
HSL	231.7°, 41.9, 52.7	`hsl(231.7,41.9%,52.7%)`
HSV (or HSB)	231.7°, 54.6, 72.5
Web Safe	6666cc	`#6666cc`

CIE-LAB	44.408, 20.109, -47.786
XYZ	16.779, 14.122, 47.738
xyY	0.213, 0.18, 14.122
CIE-LCH	44.408, 51.845, 292.822
CIE-LUV	44.408, -10.008, -73.034
Hunter-Lab	37.58, 13.935, -49.011
Binary	01010100, 01100010, 10111001

#5462b9
```
#5462b9 rgb(84,98,185)
```
#b9ab54
```
#b9ab54 rgb(185,171,84)
```

Complementary Color

#5495b9
```
#5495b9 rgb(84,149,185)
```
#5462b9
```
#5462b9 rgb(84,98,185)
```
#7954b9
```
#7954b9 rgb(121,84,185)
```

Analogous Color

#95b954
```
#95b954 rgb(149,185,84)
```
#5462b9
```
#5462b9 rgb(84,98,185)
```
#b97954
```
#b97954 rgb(185,121,84)
```

Split Complementary Color

#62b954
```
#62b954 rgb(98,185,84)
```
#5462b9
```
#5462b9 rgb(84,98,185)
```
#b95462
```
#b95462 rgb(185,84,98)
```

Triadic Color

#54b9ab
```
#54b9ab rgb(84,185,171)
```
#5462b9
```
#5462b9 rgb(84,98,185)
```
#b95462
```
#b95462 rgb(185,84,98)
```
#b9ab54
```
#b9ab54 rgb(185,171,84)
```

Tetradic Color

#384389
```
#384389 rgb(56,67,137)
```
#3f4c9b
```
#3f4c9b rgb(63,76,155)
```
#4755ad
```
#4755ad rgb(71,85,173)
```
#5462b9
```
#5462b9 rgb(84,98,185)
```
#6673c0
```
#6673c0 rgb(102,115,192)
```
#7883c8
```
#7883c8 rgb(120,131,200)
```
#8a94cf
```
#8a94cf rgb(138,148,207)
```

Monochromatic Color

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

#547bb9
```
#547bb9 rgb(84,123,185)
```
#5473b9
```
#5473b9 rgb(84,115,185)
```
#546ab9
```
#546ab9 rgb(84,106,185)
```
#5462b9
```
#5462b9 rgb(84,98,185)
```
#545ab9
```
#545ab9 rgb(84,90,185)
```
#5754b9
```
#5754b9 rgb(87,84,185)
```
#5f54b9
```
#5f54b9 rgb(95,84,185)
```

Similar Colors

Text with hexadecimal color #5462b9

This text has a font color of #5462b9.

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

#5462b9 background color

This paragraph has a background color of #5462b9.

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

#5462b9 border color

This element has a border color of #5462b9.

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

CSS codes

.text {color:#5462b9;}

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

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

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, #04050a is the darkest color, while #fbfbfd is the lightest one.

#04050a
```
#04050a rgb(4,5,10)
```
#0a0c18
```
#0a0c18 rgb(10,12,24)
```
#0f1326
```
#0f1326 rgb(15,19,38)
```
#151934
```
#151934 rgb(21,25,52)
```
#1b2042
```
#1b2042 rgb(27,32,66)
```
#212750
```
#212750 rgb(33,39,80)
```
#262e5d
```
#262e5d rgb(38,46,93)
```
#2c356b
```
#2c356b rgb(44,53,107)
```
#323c79
```
#323c79 rgb(50,60,121)
```
#374287
```
#374287 rgb(55,66,135)
```
#3d4995
```
#3d4995 rgb(61,73,149)
```
#4350a3
```
#4350a3 rgb(67,80,163)
```
#4857b1
```
#4857b1 rgb(72,87,177)
```

Shade Color Variation

#5462b9
```
#5462b9 rgb(84,98,185)
```
#626fbf
```
#626fbf rgb(98,111,191)
```
#707cc4
```
#707cc4 rgb(112,124,196)
```
#7e88ca
```
#7e88ca rgb(126,136,202)
```
#8c95d0
```
#8c95d0 rgb(140,149,208)
```
#9aa2d5
```
#9aa2d5 rgb(154,162,213)
```
#a8afdb
```
#a8afdb rgb(168,175,219)
```
#b5bbe1
```
#b5bbe1 rgb(181,187,225)
```
#c3c8e7
```
#c3c8e7 rgb(195,200,231)
```
#d1d5ec
```
#d1d5ec rgb(209,213,236)
```
#dfe2f2
```
#dfe2f2 rgb(223,226,242)
```
#edeff8
```
#edeff8 rgb(237,239,248)
```
#fbfbfd
```
#fbfbfd rgb(251,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #82838b is the less saturated color, while #1333fa is the most saturated one.

#82838b
```
#82838b rgb(130,131,139)
```
#797d94
```
#797d94 rgb(121,125,148)
```
#70769d
```
#70769d rgb(112,118,157)
```
#676fa6
```
#676fa6 rgb(103,111,166)
```
#5d69b0
```
#5d69b0 rgb(93,105,176)
```
#5462b9
```
#5462b9 rgb(84,98,185)
```
#4b5bc2
```
#4b5bc2 rgb(75,91,194)
```
#4155cc
```
#4155cc rgb(65,85,204)
```
#384ed5
```
#384ed5 rgb(56,78,213)
```
#2f47de
```
#2f47de rgb(47,71,222)
```
#2641e7
```
#2641e7 rgb(38,65,231)
```
#1c3af1
```
#1c3af1 rgb(28,58,241)
```
#1333fa
```
#1333fa rgb(19,51,250)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#646778 Atypical Achromatopsia 0.001% of the population

Dichromacy

#456ec0 Protanopia 1% of men
#2f72b9 Deuteranopia 1% of men
#417881 Tritanopia 0.001% of the population

Trichromacy

#4a69bd Protanomaly 1% of men, 0.01% of women
#3c6cb9 Deuteranomaly 6% of men, 0.4% of women
#487095 Tritanomaly 0.01% of the population

#5462b9 hex color

#5462b9 Color Information

#5462b9 Color Conversion

Color Schemes with #5462b9

Alternatives to #5462b9

#5462b9 Preview

Shades and Tints of #5462b9

Tones of #5462b9

Color Blindness Simulator