#5462cf hex color

In a RGB color space, hex #5462cf is composed of 32.9% red, 38.4% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 59.4% cyan, 52.7% magenta, 0% yellow and 18.8% black. It has a hue angle of 233.2 degrees, a saturation of 56.2% and a lightness of 57.1%. #5462cf color hex could be obtained by blending #a8c4ff with #00009f. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 38
- B 81
RGB color chart
- C 59
- M 53
- Y 0
- K 19
CMYK color chart

● #5462cf color description : Moderate blue.

The hexadecimal color #5462cf has RGB values of R:84, G:98, B:207 and CMYK values of C:0.59, M:0.53, Y:0, K:0.19. Its decimal value is 5530319.

Hex triplet	5462cf	`#5462cf`
RGB Decimal	84, 98, 207	`rgb(84,98,207)`
RGB Percent	32.9, 38.4, 81.2	`rgb(32.9%,38.4%,81.2%)`
CMYK	59, 53, 0, 19
HSL	233.2°, 56.2, 57.1	`hsl(233.2,56.2%,57.1%)`
HSV (or HSB)	233.2°, 59.4, 81.2
Web Safe	6666cc	`#6666cc`

CIE-LAB	45.804, 27.407, -58.254
XYZ	19.284, 15.124, 60.931
xyY	0.202, 0.159, 15.124
CIE-LCH	45.804, 64.379, 295.196
CIE-LUV	45.804, -10.725, -89.914
Hunter-Lab	38.89, 20.454, -65.67
Binary	01010100, 01100010, 11001111

#5462cf
```
#5462cf rgb(84,98,207)
```
#cfc154
```
#cfc154 rgb(207,193,84)
```

Complementary Color

#54a0cf
```
#54a0cf rgb(84,160,207)
```
#5462cf
```
#5462cf rgb(84,98,207)
```
#8454cf
```
#8454cf rgb(132,84,207)
```

Analogous Color

#a0cf54
```
#a0cf54 rgb(160,207,84)
```
#5462cf
```
#5462cf rgb(84,98,207)
```
#cf8454
```
#cf8454 rgb(207,132,84)
```

Split Complementary Color

#62cf54
```
#62cf54 rgb(98,207,84)
```
#5462cf
```
#5462cf rgb(84,98,207)
```
#cf5462
```
#cf5462 rgb(207,84,98)
```

Triadic Color

#54cfc1
```
#54cfc1 rgb(84,207,193)
```
#5462cf
```
#5462cf rgb(84,98,207)
```
#cf5462
```
#cf5462 rgb(207,84,98)
```
#cfc154
```
#cfc154 rgb(207,193,84)
```

Tetradic Color

#2f3da7
```
#2f3da7 rgb(47,61,167)
```
#3544bb
```
#3544bb rgb(53,68,187)
```
#4050c9
```
#4050c9 rgb(64,80,201)
```
#5462cf
```
#5462cf rgb(84,98,207)
```
#6874d5
```
#6874d5 rgb(104,116,213)
```
#7c87da
```
#7c87da rgb(124,135,218)
```
#9099e0
```
#9099e0 rgb(144,153,224)
```

Monochromatic Color

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

#5481cf
```
#5481cf rgb(84,129,207)
```
#5477cf
```
#5477cf rgb(84,119,207)
```
#546ccf
```
#546ccf rgb(84,108,207)
```
#5462cf
```
#5462cf rgb(84,98,207)
```
#5458cf
```
#5458cf rgb(84,88,207)
```
#5a54cf
```
#5a54cf rgb(90,84,207)
```
#6554cf
```
#6554cf rgb(101,84,207)
```

Similar Colors

Text with hexadecimal color #5462cf

This text has a font color of #5462cf.

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

#5462cf background color

This paragraph has a background color of #5462cf.

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

#5462cf border color

This element has a border color of #5462cf.

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

CSS codes

.text {color:#5462cf;}

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

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

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

#04050d
```
#04050d rgb(4,5,13)
```
#080a1c
```
#080a1c rgb(8,10,28)
```
#0c102b
```
#0c102b rgb(12,16,43)
```
#10153b
```
#10153b rgb(16,21,59)
```
#151b4a
```
#151b4a rgb(21,27,74)
```
#192059
```
#192059 rgb(25,32,89)
```
#1d2669
```
#1d2669 rgb(29,38,105)
```
#222c78
```
#222c78 rgb(34,44,120)
```
#263187
```
#263187 rgb(38,49,135)
```
#2a3797
```
#2a3797 rgb(42,55,151)
```
#2f3ca6
```
#2f3ca6 rgb(47,60,166)
```
#3342b5
```
#3342b5 rgb(51,66,181)
```
#3747c5
```
#3747c5 rgb(55,71,197)
```

Shade Color Variation

#4554cb
```
#4554cb rgb(69,84,203)
```
#5462cf
```
#5462cf rgb(84,98,207)
```
#6370d3
```
#6370d3 rgb(99,112,211)
```
#737ed8
```
#737ed8 rgb(115,126,216)
```
#828cdc
```
#828cdc rgb(130,140,220)
```
#919ae0
```
#919ae0 rgb(145,154,224)
```
#a1a8e4
```
#a1a8e4 rgb(161,168,228)
```
#b0b6e9
```
#b0b6e9 rgb(176,182,233)
```
#bfc4ed
```
#bfc4ed rgb(191,196,237)
```
#cfd2f1
```
#cfd2f1 rgb(207,210,241)
```
#dee1f6
```
#dee1f6 rgb(222,225,246)
```
#edeffa
```
#edeffa rgb(237,239,250)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f9094 is the less saturated color, while #2a41f9 is the most saturated one.

#8f9094
```
#8f9094 rgb(143,144,148)
```
#87899c
```
#87899c rgb(135,137,156)
```
#7e83a5
```
#7e83a5 rgb(126,131,165)
```
#767cad
```
#767cad rgb(118,124,173)
```
#6d76b6
```
#6d76b6 rgb(109,118,182)
```
#656fbe
```
#656fbe rgb(101,111,190)
```
#5c69c7
```
#5c69c7 rgb(92,105,199)
```
#5462cf
```
#5462cf rgb(84,98,207)
```
#4c5bd7
```
#4c5bd7 rgb(76,91,215)
```
#4355e0
```
#4355e0 rgb(67,85,224)
```
#3b4ee8
```
#3b4ee8 rgb(59,78,232)
```
#3248f1
```
#3248f1 rgb(50,72,241)
```
#2a41f9
```
#2a41f9 rgb(42,65,249)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#66687e Atypical Achromatopsia 0.001% of the population

Dichromacy

#2770d7 Protanopia 1% of men
#0076c3 Deuteranopia 1% of men
#2f7e87 Tritanopia 0.001% of the population

Trichromacy

#376bd4 Protanomaly 1% of men, 0.01% of women
#1e6ec7 Deuteranomaly 6% of men, 0.4% of women
#3c73a1 Tritanomaly 0.01% of the population

#5462cf hex color

#5462cf Color Information

#5462cf Color Conversion

Color Schemes with #5462cf

Alternatives to #5462cf

#5462cf Preview

Shades and Tints of #5462cf

Tones of #5462cf

Color Blindness Simulator