#562afa hex color

In a RGB color space, hex #562afa is composed of 33.7% red, 16.5% green and 98% blue. Whereas in a CMYK color space, it is composed of 65.6% cyan, 83.2% magenta, 0% yellow and 2% black. It has a hue angle of 252.7 degrees, a saturation of 95.4% and a lightness of 57.3%. #562afa color hex could be obtained by blending #ac54ff with #0000f5. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 34
- G 16
- B 98
RGB color chart
- C 66
- M 83
- Y 0
- K 2
CMYK color chart

● #562afa color description : Bright blue.

The hexadecimal color #562afa has RGB values of R:86, G:42, B:250 and CMYK values of C:0.66, M:0.83, Y:0, K:0.02. Its decimal value is 5647098.

Hex triplet	562afa	`#562afa`
RGB Decimal	86, 42, 250	`rgb(86,42,250)`
RGB Percent	33.7, 16.5, 98	`rgb(33.7%,16.5%,98%)`
CMYK	66, 83, 0, 2
HSL	252.7°, 95.4, 57.3	`hsl(252.7,95.4%,57.3%)`
HSV (or HSB)	252.7°, 83.2, 98
Web Safe	6633ff	`#6633ff`

CIE-LAB	38.787, 70.462, -94.147
XYZ	21.918, 10.536, 91.316
xyY	0.177, 0.085, 10.536
CIE-LCH	38.787, 117.595, 306.812
CIE-LUV	38.787, -2.364, -130.815
Hunter-Lab	32.458, 63.731, -144.08
Binary	01010110, 00101010, 11111010

#562afa
```
#562afa rgb(86,42,250)
```
#cefa2a
```
#cefa2a rgb(206,250,42)
```

Complementary Color

#2a66fa
```
#2a66fa rgb(42,102,250)
```
#562afa
```
#562afa rgb(86,42,250)
```
#be2afa
```
#be2afa rgb(190,42,250)
```

Analogous Color

#66fa2a
```
#66fa2a rgb(102,250,42)
```
#562afa
```
#562afa rgb(86,42,250)
```
#fabe2a
```
#fabe2a rgb(250,190,42)
```

Split Complementary Color

#2afa56
```
#2afa56 rgb(42,250,86)
```
#562afa
```
#562afa rgb(86,42,250)
```
#fa562a
```
#fa562a rgb(250,86,42)
```

Triadic Color

#2acefa
```
#2acefa rgb(42,206,250)
```
#562afa
```
#562afa rgb(86,42,250)
```
#fa562a
```
#fa562a rgb(250,86,42)
```
#cefa2a
```
#cefa2a rgb(206,250,42)
```

Tetradic Color

#3005d3
```
#3005d3 rgb(48,5,211)
```
#3606eb
```
#3606eb rgb(54,6,235)
```
#4211f9
```
#4211f9 rgb(66,17,249)
```
#562afa
```
#562afa rgb(86,42,250)
```
#6a43fb
```
#6a43fb rgb(106,67,251)
```
#7e5cfb
```
#7e5cfb rgb(126,92,251)
```
#9175fc
```
#9175fc rgb(145,117,252)
```

Monochromatic Color

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

#2a32fa
```
#2a32fa rgb(42,50,250)
```
#332afa
```
#332afa rgb(51,42,250)
```
#452afa
```
#452afa rgb(69,42,250)
```
#562afa
```
#562afa rgb(86,42,250)
```
#672afa
```
#672afa rgb(103,42,250)
```
#792afa
```
#792afa rgb(121,42,250)
```
#8a2afa
```
#8a2afa rgb(138,42,250)
```

Similar Colors

Text with hexadecimal color #562afa

This text has a font color of #562afa.

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

#562afa background color

This paragraph has a background color of #562afa.

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

#562afa border color

This element has a border color of #562afa.

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

CSS codes

.text {color:#562afa;}

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

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

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

#040011
```
#040011 rgb(4,0,17)
```
#080124
```
#080124 rgb(8,1,36)
```
#0d0137
```
#0d0137 rgb(13,1,55)
```
#11024a
```
#11024a rgb(17,2,74)
```
#16025e
```
#16025e rgb(22,2,94)
```
#1a0371
```
#1a0371 rgb(26,3,113)
```
#1e0384
```
#1e0384 rgb(30,3,132)
```
#230497
```
#230497 rgb(35,4,151)
```
#2704aa
```
#2704aa rgb(39,4,170)
```
#2c04bd
```
#2c04bd rgb(44,4,189)
```
#3005d1
```
#3005d1 rgb(48,5,209)
```
#3405e4
```
#3405e4 rgb(52,5,228)
```
#3906f7
```
#3906f7 rgb(57,6,247)
```

Shade Color Variation

#4717fa
```
#4717fa rgb(71,23,250)
```
#562afa
```
#562afa rgb(86,42,250)
```
#653dfa
```
#653dfa rgb(101,61,250)
```
#7450fb
```
#7450fb rgb(116,80,251)
```
#8463fb
```
#8463fb rgb(132,99,251)
```
#9377fc
```
#9377fc rgb(147,119,252)
```
#a28afc
```
#a28afc rgb(162,138,252)
```
#b19dfd
```
#b19dfd rgb(177,157,253)
```
#c0b0fd
```
#c0b0fd rgb(192,176,253)
```
#d0c3fe
```
#d0c3fe rgb(208,195,254)
```
#dfd6fe
```
#dfd6fe rgb(223,214,254)
```
#eeeafe
```
#eeeafe rgb(238,234,254)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #908f95 is the less saturated color, while #562afa is the most saturated one.

#908f95
```
#908f95 rgb(144,143,149)
```
#8b869e
```
#8b869e rgb(139,134,158)
```
#867ea6
```
#867ea6 rgb(134,126,166)
```
#8275af
```
#8275af rgb(130,117,175)
```
#7d6db7
```
#7d6db7 rgb(125,109,183)
```
#7865bf
```
#7865bf rgb(120,101,191)
```
#735cc8
```
#735cc8 rgb(115,92,200)
```
#6e54d0
```
#6e54d0 rgb(110,84,208)
```
#694cd8
```
#694cd8 rgb(105,76,216)
```
#6543e1
```
#6543e1 rgb(101,67,225)
```
#603be9
```
#603be9 rgb(96,59,233)
```
#5b32f2
```
#5b32f2 rgb(91,50,242)
```
#562afa
```
#562afa rgb(86,42,250)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#504871 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#1f4dd2 Protanomaly 1% of men, 0.01% of women
#1f50c2 Deuteranomaly 6% of men, 0.4% of women
#1f55a4 Tritanomaly 0.01% of the population

#562afa hex color

#562afa Color Information

#562afa Color Conversion

Color Schemes with #562afa

Alternatives to #562afa

#562afa Preview

Shades and Tints of #562afa

Tones of #562afa

Color Blindness Simulator