#562ef5 hex color

In a RGB color space, hex #562ef5 is composed of 33.7% red, 18% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 64.9% cyan, 81.2% magenta, 0% yellow and 3.9% black. It has a hue angle of 252.1 degrees, a saturation of 90.9% and a lightness of 57.1%. #562ef5 color hex could be obtained by blending #ac5cff with #0000eb. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 34
- G 18
- B 96
RGB color chart
- C 65
- M 81
- Y 0
- K 4
CMYK color chart

● #562ef5 color description : Bright blue.

The hexadecimal color #562ef5 has RGB values of R:86, G:46, B:245 and CMYK values of C:0.65, M:0.81, Y:0, K:0.04. Its decimal value is 5648117.

Hex triplet	562ef5	`#562ef5`
RGB Decimal	86, 46, 245	`rgb(86,46,245)`
RGB Percent	33.7, 18, 96.1	`rgb(33.7%,18%,96.1%)`
CMYK	65, 81, 0, 4
HSL	252.1°, 90.9, 57.1	`hsl(252.1,90.9%,57.1%)`
HSV (or HSB)	252.1°, 81.2, 96.1
Web Safe	6633ff	`#6633ff`

CIE-LAB	38.767, 67.606, -91.368
XYZ	21.293, 10.524, 87.29
xyY	0.179, 0.088, 10.524
CIE-LCH	38.767, 113.661, 306.499
CIE-LUV	38.767, -2.377, -127.793
Hunter-Lab	32.441, 60.39, -136.826
Binary	01010110, 00101110, 11110101

#562ef5
```
#562ef5 rgb(86,46,245)
```
#cdf52e
```
#cdf52e rgb(205,245,46)
```

Complementary Color

#2e6af5
```
#2e6af5 rgb(46,106,245)
```
#562ef5
```
#562ef5 rgb(86,46,245)
```
#ba2ef5
```
#ba2ef5 rgb(186,46,245)
```

Analogous Color

#6af52e
```
#6af52e rgb(106,245,46)
```
#562ef5
```
#562ef5 rgb(86,46,245)
```
#f5ba2e
```
#f5ba2e rgb(245,186,46)
```

Split Complementary Color

#2ef556
```
#2ef556 rgb(46,245,86)
```
#562ef5
```
#562ef5 rgb(86,46,245)
```
#f5562e
```
#f5562e rgb(245,86,46)
```

Triadic Color

#2ecdf5
```
#2ecdf5 rgb(46,205,245)
```
#562ef5
```
#562ef5 rgb(86,46,245)
```
#f5562e
```
#f5562e rgb(245,86,46)
```
#cdf52e
```
#cdf52e rgb(205,245,46)
```

Tetradic Color

#310acd
```
#310acd rgb(49,10,205)
```
#370be5
```
#370be5 rgb(55,11,229)
```
#4216f4
```
#4216f4 rgb(66,22,244)
```
#562ef5
```
#562ef5 rgb(86,46,245)
```
#6a46f6
```
#6a46f6 rgb(106,70,246)
```
#7d5ff7
```
#7d5ff7 rgb(125,95,247)
```
#9177f8
```
#9177f8 rgb(145,119,248)
```

Monochromatic Color

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

#2e38f5
```
#2e38f5 rgb(46,56,245)
```
#352ef5
```
#352ef5 rgb(53,46,245)
```
#452ef5
```
#452ef5 rgb(69,46,245)
```
#562ef5
```
#562ef5 rgb(86,46,245)
```
#672ef5
```
#672ef5 rgb(103,46,245)
```
#772ef5
```
#772ef5 rgb(119,46,245)
```
#882ef5
```
#882ef5 rgb(136,46,245)
```

Similar Colors

Text with hexadecimal color #562ef5

This text has a font color of #562ef5.

<span style="color:#562ef5;">Text here</span>

#562ef5 background color

This paragraph has a background color of #562ef5.

<p style="background-color:#562ef5;">Content here</p>

#562ef5 border color

This element has a border color of #562ef5.

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

CSS codes

.text {color:#562ef5;}

.background {background-color:#562ef5;}

.border {border:1px solid #562ef5;}

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

#040110
```
#040110 rgb(4,1,16)
```
#080222
```
#080222 rgb(8,2,34)
```
#0d0335
```
#0d0335 rgb(13,3,53)
```
#110348
```
#110348 rgb(17,3,72)
```
#16045b
```
#16045b rgb(22,4,91)
```
#1a056d
```
#1a056d rgb(26,5,109)
```
#1f0680
```
#1f0680 rgb(31,6,128)
```
#230793
```
#230793 rgb(35,7,147)
```
#2808a5
```
#2808a5 rgb(40,8,165)
```
#2c09b8
```
#2c09b8 rgb(44,9,184)
```
#310acb
```
#310acb rgb(49,10,203)
```
#350bde
```
#350bde rgb(53,11,222)
```
#390bf0
```
#390bf0 rgb(57,11,240)
```

Shade Color Variation

#471bf4
```
#471bf4 rgb(71,27,244)
```
#562ef5
```
#562ef5 rgb(86,46,245)
```
#6541f6
```
#6541f6 rgb(101,65,246)
```
#7453f7
```
#7453f7 rgb(116,83,247)
```
#8366f8
```
#8366f8 rgb(131,102,248)
```
#9379f9
```
#9379f9 rgb(147,121,249)
```
#a28cf9
```
#a28cf9 rgb(162,140,249)
```
#b19efa
```
#b19efa rgb(177,158,250)
```
#c0b1fb
```
#c0b1fb rgb(192,177,251)
```
#cfc4fc
```
#cfc4fc rgb(207,196,252)
```
#ded6fd
```
#ded6fd rgb(222,214,253)
```
#ede9fe
```
#ede9fe rgb(237,233,254)
```
#fdfcff
```
#fdfcff rgb(253,252,255)
```

Tint Color Variation

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

#8d8b98
```
#8d8b98 rgb(141,139,152)
```
#8882a1
```
#8882a1 rgb(136,130,161)
```
#837aa9
```
#837aa9 rgb(131,122,169)
```
#7e71b2
```
#7e71b2 rgb(126,113,178)
```
#7969ba
```
#7969ba rgb(121,105,186)
```
#7461c2
```
#7461c2 rgb(116,97,194)
```
#6f58cb
```
#6f58cb rgb(111,88,203)
```
#6a50d3
```
#6a50d3 rgb(106,80,211)
```
#6547dc
```
#6547dc rgb(101,71,220)
```
#603fe4
```
#603fe4 rgb(96,63,228)
```
#5b36ed
```
#5b36ed rgb(91,54,237)
```
#562ef5
```
#562ef5 rgb(86,46,245)
```
#5126fd
```
#5126fd rgb(81,38,253)
```

Tone Color Variation

Below, you can see how #562ef5 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

#515151 Achromatopsia 0.005% of the population
#524a72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061bc Protanopia 1% of men
#0066a3 Deuteranopia 1% of men
#006d74 Tritanopia 0.001% of the population

Trichromacy

#1f4ed0 Protanomaly 1% of men, 0.01% of women
#1f52c0 Deuteranomaly 6% of men, 0.4% of women
#1f56a2 Tritanomaly 0.01% of the population

#562ef5 hex color

#562ef5 Color Information

#562ef5 Color Conversion

Color Schemes with #562ef5

Alternatives to #562ef5

#562ef5 Preview

Shades and Tints of #562ef5

Tones of #562ef5

Color Blindness Simulator