#5462bd hex color

In a RGB color space, hex #5462bd is composed of 32.9% red, 38.4% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 55.6% cyan, 48.1% magenta, 0% yellow and 25.9% black. It has a hue angle of 232 degrees, a saturation of 44.3% and a lightness of 53.5%. #5462bd color hex could be obtained by blending #a8c4ff with #00007b. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 38
- B 74
RGB color chart
- C 56
- M 48
- Y 0
- K 26
CMYK color chart

● #5462bd color description : Moderate blue.

The hexadecimal color #5462bd has RGB values of R:84, G:98, B:189 and CMYK values of C:0.56, M:0.48, Y:0, K:0.26. Its decimal value is 5530301.

Hex triplet	5462bd	`#5462bd`
RGB Decimal	84, 98, 189	`rgb(84,98,189)`
RGB Percent	32.9, 38.4, 74.1	`rgb(32.9%,38.4%,74.1%)`
CMYK	56, 48, 0, 26
HSL	232°, 44.3, 53.5	`hsl(232,44.3%,53.5%)`
HSV (or HSB)	232°, 55.6, 74.1
Web Safe	6666cc	`#6666cc`

CIE-LAB	44.651, 21.426, -49.723
XYZ	17.207, 14.294, 49.994
xyY	0.211, 0.175, 14.294
CIE-LCH	44.651, 54.143, 293.312
CIE-LUV	44.651, -10.138, -76.166
Hunter-Lab	37.807, 15.08, -51.937
Binary	01010100, 01100010, 10111101

#5462bd
```
#5462bd rgb(84,98,189)
```
#bdaf54
```
#bdaf54 rgb(189,175,84)
```

Complementary Color

#5497bd
```
#5497bd rgb(84,151,189)
```
#5462bd
```
#5462bd rgb(84,98,189)
```
#7b54bd
```
#7b54bd rgb(123,84,189)
```

Analogous Color

#97bd54
```
#97bd54 rgb(151,189,84)
```
#5462bd
```
#5462bd rgb(84,98,189)
```
#bd7b54
```
#bd7b54 rgb(189,123,84)
```

Split Complementary Color

#62bd54
```
#62bd54 rgb(98,189,84)
```
#5462bd
```
#5462bd rgb(84,98,189)
```
#bd5462
```
#bd5462 rgb(189,84,98)
```

Triadic Color

#54bdaf
```
#54bdaf rgb(84,189,175)
```
#5462bd
```
#5462bd rgb(84,98,189)
```
#bd5462
```
#bd5462 rgb(189,84,98)
```
#bdaf54
```
#bdaf54 rgb(189,175,84)
```

Tetradic Color

#37428e
```
#37428e rgb(55,66,142)
```
#3e4ba0
```
#3e4ba0 rgb(62,75,160)
```
#4554b3
```
#4554b3 rgb(69,84,179)
```
#5462bd
```
#5462bd rgb(84,98,189)
```
#6673c4
```
#6673c4 rgb(102,115,196)
```
#7984cb
```
#7984cb rgb(121,132,203)
```
#8b95d2
```
#8b95d2 rgb(139,149,210)
```

Monochromatic Color

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

#547cbd
```
#547cbd rgb(84,124,189)
```
#5474bd
```
#5474bd rgb(84,116,189)
```
#546bbd
```
#546bbd rgb(84,107,189)
```
#5462bd
```
#5462bd rgb(84,98,189)
```
#5459bd
```
#5459bd rgb(84,89,189)
```
#5854bd
```
#5854bd rgb(88,84,189)
```
#6054bd
```
#6054bd rgb(96,84,189)
```

Similar Colors

Text with hexadecimal color #5462bd

This text has a font color of #5462bd.

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

#5462bd background color

This paragraph has a background color of #5462bd.

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

#5462bd border color

This element has a border color of #5462bd.

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

CSS codes

.text {color:#5462bd;}

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

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

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

#05060d
```
#05060d rgb(5,6,13)
```
#0a0d1b
```
#0a0d1b rgb(10,13,27)
```
#101329
```
#101329 rgb(16,19,41)
```
#151a37
```
#151a37 rgb(21,26,55)
```
#1b2146
```
#1b2146 rgb(27,33,70)
```
#202754
```
#202754 rgb(32,39,84)
```
#262e62
```
#262e62 rgb(38,46,98)
```
#2b3470
```
#2b3470 rgb(43,52,112)
```
#313b7e
```
#313b7e rgb(49,59,126)
```
#36428c
```
#36428c rgb(54,66,140)
```
#3c489b
```
#3c489b rgb(60,72,155)
```
#414fa9
```
#414fa9 rgb(65,79,169)
```
#4756b7
```
#4756b7 rgb(71,86,183)
```

Shade Color Variation

#5462bd
```
#5462bd rgb(84,98,189)
```
#626fc2
```
#626fc2 rgb(98,111,194)
```
#707cc8
```
#707cc8 rgb(112,124,200)
```
#7e89cd
```
#7e89cd rgb(126,137,205)
```
#8d96d3
```
#8d96d3 rgb(141,150,211)
```
#9ba3d8
```
#9ba3d8 rgb(155,163,216)
```
#a9b0de
```
#a9b0de rgb(169,176,222)
```
#b7bde3
```
#b7bde3 rgb(183,189,227)
```
#c5cae9
```
#c5cae9 rgb(197,202,233)
```
#d3d7ee
```
#d3d7ee rgb(211,215,238)
```
#e2e4f4
```
#e2e4f4 rgb(226,228,244)
```
#f0f1f9
```
#f0f1f9 rgb(240,241,249)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#82838f
```
#82838f rgb(130,131,143)
```
#787d99
```
#787d99 rgb(120,125,153)
```
#6f76a2
```
#6f76a2 rgb(111,118,162)
```
#666fab
```
#666fab rgb(102,111,171)
```
#5d69b4
```
#5d69b4 rgb(93,105,180)
```
#5462bd
```
#5462bd rgb(84,98,189)
```
#4b5bc6
```
#4b5bc6 rgb(75,91,198)
```
#4255cf
```
#4255cf rgb(66,85,207)
```
#394ed8
```
#394ed8 rgb(57,78,216)
```
#3047e1
```
#3047e1 rgb(48,71,225)
```
#2641eb
```
#2641eb rgb(38,65,235)
```
#1d3af4
```
#1d3af4 rgb(29,58,244)
```
#1433fd
```
#1433fd rgb(20,51,253)
```

Tone Color Variation

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

Dichromacy

#416ec4 Protanopia 1% of men
#2672bc Deuteranopia 1% of men
#3e7982 Tritanopia 0.001% of the population

Trichromacy

#486ac1 Protanomaly 1% of men, 0.01% of women
#376cbc Deuteranomaly 6% of men, 0.4% of women
#467197 Tritanomaly 0.01% of the population

#5462bd hex color

#5462bd Color Information

#5462bd Color Conversion

Color Schemes with #5462bd

Alternatives to #5462bd

#5462bd Preview

Shades and Tints of #5462bd

Tones of #5462bd

Color Blindness Simulator