#562aed hex color

In a RGB color space, hex #562aed is composed of 33.7% red, 16.5% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 63.7% cyan, 82.3% magenta, 0% yellow and 7.1% black. It has a hue angle of 253.5 degrees, a saturation of 84.4% and a lightness of 54.7%. #562aed color hex could be obtained by blending #ac54ff with #0000db. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 34
- G 16
- B 93
RGB color chart
- C 64
- M 82
- Y 0
- K 7
CMYK color chart

● #562aed color description : Bright blue.

The hexadecimal color #562aed has RGB values of R:86, G:42, B:237 and CMYK values of C:0.64, M:0.82, Y:0, K:0.07. Its decimal value is 5647085.

Hex triplet	562aed	`#562aed`
RGB Decimal	86, 42, 237	`rgb(86,42,237)`
RGB Percent	33.7, 16.5, 92.9	`rgb(33.7%,16.5%,92.9%)`
CMYK	64, 82, 0, 7
HSL	253.5°, 84.4, 54.7	`hsl(253.5,84.4%,54.7%)`
HSV (or HSB)	253.5°, 82.3, 92.9
Web Safe	6633ff	`#6633ff`

CIE-LAB	37.386, 67.028, -89.134
XYZ	19.949, 9.748, 80.946
xyY	0.18, 0.088, 9.748
CIE-LCH	37.386, 111.525, 306.943
CIE-LUV	37.386, -1.334, -123.37
Hunter-Lab	31.222, 59.413, -131.862
Binary	01010110, 00101010, 11101101

#562aed
```
#562aed rgb(86,42,237)
```
#c1ed2a
```
#c1ed2a rgb(193,237,42)
```

Complementary Color

#2a60ed
```
#2a60ed rgb(42,96,237)
```
#562aed
```
#562aed rgb(86,42,237)
```
#b82aed
```
#b82aed rgb(184,42,237)
```

Analogous Color

#60ed2a
```
#60ed2a rgb(96,237,42)
```
#562aed
```
#562aed rgb(86,42,237)
```
#edb82a
```
#edb82a rgb(237,184,42)
```

Split Complementary Color

#2aed56
```
#2aed56 rgb(42,237,86)
```
#562aed
```
#562aed rgb(86,42,237)
```
#ed562a
```
#ed562a rgb(237,86,42)
```

Triadic Color

#2ac1ed
```
#2ac1ed rgb(42,193,237)
```
#562aed
```
#562aed rgb(86,42,237)
```
#ed562a
```
#ed562a rgb(237,86,42)
```
#c1ed2a
```
#c1ed2a rgb(193,237,42)
```

Tetradic Color

#3610bb
```
#3610bb rgb(54,16,187)
```
#3d12d2
```
#3d12d2 rgb(61,18,210)
```
#4414ea
```
#4414ea rgb(68,20,234)
```
#562aed
```
#562aed rgb(86,42,237)
```
#6942ef
```
#6942ef rgb(105,66,239)
```
#7b59f1
```
#7b59f1 rgb(123,89,241)
```
#8e71f3
```
#8e71f3 rgb(142,113,243)
```

Monochromatic Color

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

#2a2fed
```
#2a2fed rgb(42,47,237)
```
#362aed
```
#362aed rgb(54,42,237)
```
#462aed
```
#462aed rgb(70,42,237)
```
#562aed
```
#562aed rgb(86,42,237)
```
#662aed
```
#662aed rgb(102,42,237)
```
#772aed
```
#772aed rgb(119,42,237)
```
#872aed
```
#872aed rgb(135,42,237)
```

Similar Colors

Text with hexadecimal color #562aed

This text has a font color of #562aed.

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

#562aed background color

This paragraph has a background color of #562aed.

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

#562aed border color

This element has a border color of #562aed.

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

CSS codes

.text {color:#562aed;}

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

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

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

#010004
```
#010004 rgb(1,0,4)
```
#060216
```
#060216 rgb(6,2,22)
```
#0c0328
```
#0c0328 rgb(12,3,40)
```
#11053a
```
#11053a rgb(17,5,58)
```
#16064c
```
#16064c rgb(22,6,76)
```
#1c085e
```
#1c085e rgb(28,8,94)
```
#210a71
```
#210a71 rgb(33,10,113)
```
#260b83
```
#260b83 rgb(38,11,131)
```
#2b0d95
```
#2b0d95 rgb(43,13,149)
```
#310ea7
```
#310ea7 rgb(49,14,167)
```
#3610b9
```
#3610b9 rgb(54,16,185)
```
#3b11cb
```
#3b11cb rgb(59,17,203)
```
#4013dd
```
#4013dd rgb(64,19,221)
```

Shade Color Variation

#4818eb
```
#4818eb rgb(72,24,235)
```
#562aed
```
#562aed rgb(86,42,237)
```
#643cef
```
#643cef rgb(100,60,239)
```
#734ef0
```
#734ef0 rgb(115,78,240)
```
#8160f2
```
#8160f2 rgb(129,96,242)
```
#8f72f3
```
#8f72f3 rgb(143,114,243)
```
#9e84f5
```
#9e84f5 rgb(158,132,245)
```
#ac97f6
```
#ac97f6 rgb(172,151,246)
```
#baa9f8
```
#baa9f8 rgb(186,169,248)
```
#c9bbf9
```
#c9bbf9 rgb(201,187,249)
```
#d7cdfb
```
#d7cdfb rgb(215,205,251)
```
#e6dffc
```
#e6dffc rgb(230,223,252)
```
#f4f1fe
```
#f4f1fe rgb(244,241,254)
```

Tint Color Variation

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

#878394
```
#878394 rgb(135,131,148)
```
#827a9d
```
#827a9d rgb(130,122,157)
```
#7d71a6
```
#7d71a6 rgb(125,113,166)
```
#7868af
```
#7868af rgb(120,104,175)
```
#735fb8
```
#735fb8 rgb(115,95,184)
```
#6e56c1
```
#6e56c1 rgb(110,86,193)
```
#6a4ec9
```
#6a4ec9 rgb(106,78,201)
```
#6545d2
```
#6545d2 rgb(101,69,210)
```
#603cdb
```
#603cdb rgb(96,60,219)
```
#5b33e4
```
#5b33e4 rgb(91,51,228)
```
#562aed
```
#562aed rgb(86,42,237)
```
#5121f6
```
#5121f6 rgb(81,33,246)
```
#4c18ff
```
#4c18ff rgb(76,24,255)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#4f466d Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db6 Protanopia 1% of men
#00639e Deuteranopia 1% of men
#006a70 Tritanopia 0.001% of the population

Trichromacy

#1f4bca Protanomaly 1% of men, 0.01% of women
#1f4eba Deuteranomaly 6% of men, 0.4% of women
#1f529d Tritanomaly 0.01% of the population

#562aed hex color

#562aed Color Information

#562aed Color Conversion

Color Schemes with #562aed

Alternatives to #562aed

#562aed Preview

Shades and Tints of #562aed

Tones of #562aed

Color Blindness Simulator