#5462e3 hex color

In a RGB color space, hex #5462e3 is composed of 32.9% red, 38.4% green and 89% blue. Whereas in a CMYK color space, it is composed of 63% cyan, 56.8% magenta, 0% yellow and 11% black. It has a hue angle of 234.1 degrees, a saturation of 71.9% and a lightness of 61%. #5462e3 color hex could be obtained by blending #a8c4ff with #0000c7. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 38
- B 89
RGB color chart
- C 63
- M 57
- Y 0
- K 11
CMYK color chart

● #5462e3 color description : Soft blue.

The hexadecimal color #5462e3 has RGB values of R:84, G:98, B:227 and CMYK values of C:0.63, M:0.57, Y:0, K:0.11. Its decimal value is 5530339.

Hex triplet	5462e3	`#5462e3`
RGB Decimal	84, 98, 227	`rgb(84,98,227)`
RGB Percent	32.9, 38.4, 89	`rgb(32.9%,38.4%,89%)`
CMYK	63, 57, 0, 11
HSL	234.1°, 71.9, 61	`hsl(234.1,71.9%,61%)`
HSV (or HSB)	234.1°, 63, 89
Web Safe	6666cc	`#6666cc`

CIE-LAB	47.19, 34.092, -67.394
XYZ	21.886, 16.165, 74.636
xyY	0.194, 0.143, 16.165
CIE-LCH	47.19, 75.527, 296.833
CIE-LUV	47.19, -11.376, -104.52
Hunter-Lab	40.206, 26.807, -81.918
Binary	01010100, 01100010, 11100011

#5462e3
```
#5462e3 rgb(84,98,227)
```
#e3d554
```
#e3d554 rgb(227,213,84)
```

Complementary Color

#54aae3
```
#54aae3 rgb(84,170,227)
```
#5462e3
```
#5462e3 rgb(84,98,227)
```
#8e54e3
```
#8e54e3 rgb(142,84,227)
```

Analogous Color

#aae354
```
#aae354 rgb(170,227,84)
```
#5462e3
```
#5462e3 rgb(84,98,227)
```
#e38e54
```
#e38e54 rgb(227,142,84)
```

Split Complementary Color

#62e354
```
#62e354 rgb(98,227,84)
```
#5462e3
```
#5462e3 rgb(84,98,227)
```
#e35462
```
#e35462 rgb(227,84,98)
```

Triadic Color

#54e3d5
```
#54e3d5 rgb(84,227,213)
```
#5462e3
```
#5462e3 rgb(84,98,227)
```
#e35462
```
#e35462 rgb(227,84,98)
```
#e3d554
```
#e3d554 rgb(227,213,84)
```

Tetradic Color

#2131ca
```
#2131ca rgb(33,49,202)
```
#283adc
```
#283adc rgb(40,58,220)
```
#3e4edf
```
#3e4edf rgb(62,78,223)
```
#5462e3
```
#5462e3 rgb(84,98,227)
```
#6a76e7
```
#6a76e7 rgb(106,118,231)
```
#808aea
```
#808aea rgb(128,138,234)
```
#969eee
```
#969eee rgb(150,158,238)
```

Monochromatic Color

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

#5486e3
```
#5486e3 rgb(84,134,227)
```
#547ae3
```
#547ae3 rgb(84,122,227)
```
#546ee3
```
#546ee3 rgb(84,110,227)
```
#5462e3
```
#5462e3 rgb(84,98,227)
```
#5456e3
```
#5456e3 rgb(84,86,227)
```
#5e54e3
```
#5e54e3 rgb(94,84,227)
```
#6a54e3
```
#6a54e3 rgb(106,84,227)
```

Similar Colors

Text with hexadecimal color #5462e3

This text has a font color of #5462e3.

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

#5462e3 background color

This paragraph has a background color of #5462e3.

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

#5462e3 border color

This element has a border color of #5462e3.

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

CSS codes

.text {color:#5462e3;}

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

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

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, #02040e is the darkest color, while #fdfdff is the lightest one.

#02040e
```
#02040e rgb(2,4,14)
```
#05081f
```
#05081f rgb(5,8,31)
```
#080c30
```
#080c30 rgb(8,12,48)
```
#0b1041
```
#0b1041 rgb(11,16,65)
```
#0d1452
```
#0d1452 rgb(13,20,82)
```
#101863
```
#101863 rgb(16,24,99)
```
#131c74
```
#131c74 rgb(19,28,116)
```
#162184
```
#162184 rgb(22,33,132)
```
#182595
```
#182595 rgb(24,37,149)
```
#1b29a6
```
#1b29a6 rgb(27,41,166)
```
#1e2db7
```
#1e2db7 rgb(30,45,183)
```
#2131c8
```
#2131c8 rgb(33,49,200)
```
#2335d9
```
#2335d9 rgb(35,53,217)
```

Shade Color Variation

#3243dd
```
#3243dd rgb(50,67,221)
```
#4353e0
```
#4353e0 rgb(67,83,224)
```
#5462e3
```
#5462e3 rgb(84,98,227)
```
#6571e6
```
#6571e6 rgb(101,113,230)
```
#7681e9
```
#7681e9 rgb(118,129,233)
```
#8790eb
```
#8790eb rgb(135,144,235)
```
#97a0ee
```
#97a0ee rgb(151,160,238)
```
#a8aff1
```
#a8aff1 rgb(168,175,241)
```
#b9bff4
```
#b9bff4 rgb(185,191,244)
```
#cacef6
```
#cacef6 rgb(202,206,246)
```
#dbdef9
```
#dbdef9 rgb(219,222,249)
```
#ecedfc
```
#ecedfc rgb(236,237,252)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #99999e is the less saturated color, while #3d50fa is the most saturated one.

#99999e
```
#99999e rgb(153,153,158)
```
#9193a6
```
#9193a6 rgb(145,147,166)
```
#8a8dad
```
#8a8dad rgb(138,141,173)
```
#8287b5
```
#8287b5 rgb(130,135,181)
```
#7a81bd
```
#7a81bd rgb(122,129,189)
```
#737bc4
```
#737bc4 rgb(115,123,196)
```
#6b74cc
```
#6b74cc rgb(107,116,204)
```
#636ed4
```
#636ed4 rgb(99,110,212)
```
#5c68db
```
#5c68db rgb(92,104,219)
```
#5462e3
```
#5462e3 rgb(84,98,227)
```
#4c5ceb
```
#4c5ceb rgb(76,92,235)
```
#4556f2
```
#4556f2 rgb(69,86,242)
```
#3d50fa
```
#3d50fa rgb(61,80,250)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#686b85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e2 Protanopia 1% of men
#0079c7 Deuteranopia 1% of men
#00828c Tritanopia 0.001% of the population

Trichromacy

#1e6de2 Protanomaly 1% of men, 0.01% of women
#1e71d1 Deuteranomaly 6% of men, 0.4% of women
#1e76ab Tritanomaly 0.01% of the population

#5462e3 hex color

#5462e3 Color Information

#5462e3 Color Conversion

Color Schemes with #5462e3

Alternatives to #5462e3

#5462e3 Preview

Shades and Tints of #5462e3

Tones of #5462e3

Color Blindness Simulator