#5462c0 hex color

In a RGB color space, hex #5462c0 is composed of 32.9% red, 38.4% green and 75.3% blue. Whereas in a CMYK color space, it is composed of 56.3% cyan, 49% magenta, 0% yellow and 24.7% black. It has a hue angle of 232.2 degrees, a saturation of 46.2% and a lightness of 54.1%. #5462c0 color hex could be obtained by blending #a8c4ff with #000081. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 38
- B 75
RGB color chart
- C 56
- M 49
- Y 0
- K 25
CMYK color chart

● #5462c0 color description : Moderate blue.

The hexadecimal color #5462c0 has RGB values of R:84, G:98, B:192 and CMYK values of C:0.56, M:0.49, Y:0, K:0.25. Its decimal value is 5530304.

Hex triplet	5462c0	`#5462c0`
RGB Decimal	84, 98, 192	`rgb(84,98,192)`
RGB Percent	32.9, 38.4, 75.3	`rgb(32.9%,38.4%,75.3%)`
CMYK	56, 49, 0, 25
HSL	232.2°, 46.2, 54.1	`hsl(232.2,46.2%,54.1%)`
HSV (or HSB)	232.2°, 56.3, 75.3
Web Safe	6666cc	`#6666cc`

CIE-LAB	44.837, 22.418, -51.166
XYZ	17.536, 14.425, 51.727
xyY	0.21, 0.172, 14.425
CIE-LCH	44.837, 55.861, 293.661
CIE-LUV	44.837, -10.236, -78.497
Hunter-Lab	37.98, 15.951, -54.162
Binary	01010100, 01100010, 11000000

#5462c0
```
#5462c0 rgb(84,98,192)
```
#c0b254
```
#c0b254 rgb(192,178,84)
```

Complementary Color

#5498c0
```
#5498c0 rgb(84,152,192)
```
#5462c0
```
#5462c0 rgb(84,98,192)
```
#7c54c0
```
#7c54c0 rgb(124,84,192)
```

Analogous Color

#98c054
```
#98c054 rgb(152,192,84)
```
#5462c0
```
#5462c0 rgb(84,98,192)
```
#c07c54
```
#c07c54 rgb(192,124,84)
```

Split Complementary Color

#62c054
```
#62c054 rgb(98,192,84)
```
#5462c0
```
#5462c0 rgb(84,98,192)
```
#c05462
```
#c05462 rgb(192,84,98)
```

Triadic Color

#54c0b2
```
#54c0b2 rgb(84,192,178)
```
#5462c0
```
#5462c0 rgb(84,98,192)
```
#c05462
```
#c05462 rgb(192,84,98)
```
#c0b254
```
#c0b254 rgb(192,178,84)
```

Tetradic Color

#364292
```
#364292 rgb(54,66,146)
```
#3d4aa4
```
#3d4aa4 rgb(61,74,164)
```
#4352b7
```
#4352b7 rgb(67,82,183)
```
#5462c0
```
#5462c0 rgb(84,98,192)
```
#6773c7
```
#6773c7 rgb(103,115,199)
```
#7984ce
```
#7984ce rgb(121,132,206)
```
#8c95d5
```
#8c95d5 rgb(140,149,213)
```

Monochromatic Color

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

#547dc0
```
#547dc0 rgb(84,125,192)
```
#5474c0
```
#5474c0 rgb(84,116,192)
```
#546bc0
```
#546bc0 rgb(84,107,192)
```
#5462c0
```
#5462c0 rgb(84,98,192)
```
#5459c0
```
#5459c0 rgb(84,89,192)
```
#5854c0
```
#5854c0 rgb(88,84,192)
```
#6154c0
```
#6154c0 rgb(97,84,192)
```

Similar Colors

Text with hexadecimal color #5462c0

This text has a font color of #5462c0.

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

#5462c0 background color

This paragraph has a background color of #5462c0.

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

#5462c0 border color

This element has a border color of #5462c0.

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

CSS codes

.text {color:#5462c0;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#06070f
```
#06070f rgb(6,7,15)
```
#0b0d1e
```
#0b0d1e rgb(11,13,30)
```
#10142c
```
#10142c rgb(16,20,44)
```
#151a3a
```
#151a3a rgb(21,26,58)
```
#1b2149
```
#1b2149 rgb(27,33,73)
```
#202757
```
#202757 rgb(32,39,87)
```
#252e65
```
#252e65 rgb(37,46,101)
```
#2b3474
```
#2b3474 rgb(43,52,116)
```
#303b82
```
#303b82 rgb(48,59,130)
```
#354190
```
#354190 rgb(53,65,144)
```
#3a479f
```
#3a479f rgb(58,71,159)
```
#404ead
```
#404ead rgb(64,78,173)
```

Shade Color Variation

#4655bb
```
#4655bb rgb(70,85,187)
```
#5462c0
```
#5462c0 rgb(84,98,192)
```
#626fc5
```
#626fc5 rgb(98,111,197)
```
#717ccb
```
#717ccb rgb(113,124,203)
```
#7f89d0
```
#7f89d0 rgb(127,137,208)
```
#8d97d5
```
#8d97d5 rgb(141,151,213)
```
#9ca4da
```
#9ca4da rgb(156,164,218)
```
#aab1e0
```
#aab1e0 rgb(170,177,224)
```
#b8bee5
```
#b8bee5 rgb(184,190,229)
```
#c7cbea
```
#c7cbea rgb(199,203,234)
```
#d5d8f0
```
#d5d8f0 rgb(213,216,240)
```
#e3e6f5
```
#e3e6f5 rgb(227,230,245)
```
#f2f3fa
```
#f2f3fa rgb(242,243,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #818393 is the less saturated color, while #1533ff is the most saturated one.

#818393
```
#818393 rgb(129,131,147)
```
#787d9c
```
#787d9c rgb(120,125,156)
```
#6f76a5
```
#6f76a5 rgb(111,118,165)
```
#666fae
```
#666fae rgb(102,111,174)
```
#5d69b7
```
#5d69b7 rgb(93,105,183)
```
#5462c0
```
#5462c0 rgb(84,98,192)
```
#4b5bc9
```
#4b5bc9 rgb(75,91,201)
```
#4255d2
```
#4255d2 rgb(66,85,210)
```
#394edb
```
#394edb rgb(57,78,219)
```
#3047e4
```
#3047e4 rgb(48,71,228)
```
#2741ed
```
#2741ed rgb(39,65,237)
```
#1e3af6
```
#1e3af6 rgb(30,58,246)
```
#1533ff
```
#1533ff rgb(21,51,255)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#65687a Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e6ec7 Protanopia 1% of men
#1c73bf Deuteranopia 1% of men
#3c7a83 Tritanopia 0.001% of the population

Trichromacy

#466ac4 Protanomaly 1% of men, 0.01% of women
#306dbf Deuteranomaly 6% of men, 0.4% of women
#457199 Tritanomaly 0.01% of the population

#5462c0 hex color

#5462c0 Color Information

#5462c0 Color Conversion

Color Schemes with #5462c0

Alternatives to #5462c0

#5462c0 Preview

Shades and Tints of #5462c0

Tones of #5462c0

Color Blindness Simulator