#642af2 hex color

In a RGB color space, hex #642af2 is composed of 39.2% red, 16.5% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 58.7% cyan, 82.6% magenta, 0% yellow and 5.1% black. It has a hue angle of 257.4 degrees, a saturation of 88.5% and a lightness of 55.7%. #642af2 color hex could be obtained by blending #c854ff with #0000e5. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 39
- G 16
- B 95
RGB color chart
- C 59
- M 83
- Y 0
- K 5
CMYK color chart

● #642af2 color description : Bright violet.

The hexadecimal color #642af2 has RGB values of R:100, G:42, B:242 and CMYK values of C:0.59, M:0.83, Y:0, K:0.05. Its decimal value is 6564594.

Hex triplet	642af2	`#642af2`
RGB Decimal	100, 42, 242	`rgb(100,42,242)`
RGB Percent	39.2, 16.5, 94.9	`rgb(39.2%,16.5%,94.9%)`
CMYK	59, 83, 0, 5
HSL	257.4°, 88.5, 55.7	`hsl(257.4,88.5%,55.7%)`
HSV (or HSB)	257.4°, 82.6, 94.9
Web Safe	6633ff	`#6633ff`

CIE-LAB	39.2, 69.565, -88.921
XYZ	22.108, 10.775, 84.914
xyY	0.188, 0.091, 10.775
CIE-LCH	39.2, 112.9, 308.037
CIE-LUV	39.2, 1.954, -125.955
Hunter-Lab	32.826, 62.771, -130.394
Binary	01100100, 00101010, 11110010

#642af2
```
#642af2 rgb(100,42,242)
```
#b8f22a
```
#b8f22a rgb(184,242,42)
```

Complementary Color

#2a54f2
```
#2a54f2 rgb(42,84,242)
```
#642af2
```
#642af2 rgb(100,42,242)
```
#c82af2
```
#c82af2 rgb(200,42,242)
```

Analogous Color

#54f22a
```
#54f22a rgb(84,242,42)
```
#642af2
```
#642af2 rgb(100,42,242)
```
#f2c82a
```
#f2c82a rgb(242,200,42)
```

Split Complementary Color

#2af264
```
#2af264 rgb(42,242,100)
```
#642af2
```
#642af2 rgb(100,42,242)
```
#f2642a
```
#f2642a rgb(242,100,42)
```

Triadic Color

#2ab8f2
```
#2ab8f2 rgb(42,184,242)
```
#642af2
```
#642af2 rgb(100,42,242)
```
#f2642a
```
#f2642a rgb(242,100,42)
```
#b8f22a
```
#b8f22a rgb(184,242,42)
```

Tetradic Color

#410cc4
```
#410cc4 rgb(65,12,196)
```
#490ddc
```
#490ddc rgb(73,13,220)
```
#5312f1
```
#5312f1 rgb(83,18,241)
```
#642af2
```
#642af2 rgb(100,42,242)
```
#7542f3
```
#7542f3 rgb(117,66,243)
```
#875af5
```
#875af5 rgb(135,90,245)
```
#9872f6
```
#9872f6 rgb(152,114,246)
```

Monochromatic Color

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

#322af2
```
#322af2 rgb(50,42,242)
```
#432af2
```
#432af2 rgb(67,42,242)
```
#532af2
```
#532af2 rgb(83,42,242)
```
#642af2
```
#642af2 rgb(100,42,242)
```
#752af2
```
#752af2 rgb(117,42,242)
```
#852af2
```
#852af2 rgb(133,42,242)
```
#962af2
```
#962af2 rgb(150,42,242)
```

Similar Colors

Text with hexadecimal color #642af2

This text has a font color of #642af2.

<span style="color:#642af2;">Text here</span>

#642af2 background color

This paragraph has a background color of #642af2.

<p style="background-color:#642af2;">Content here</p>

#642af2 border color

This element has a border color of #642af2.

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

CSS codes

.text {color:#642af2;}

.background {background-color:#642af2;}

.border {border:1px solid #642af2;}

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

#030109
```
#030109 rgb(3,1,9)
```
#09021b
```
#09021b rgb(9,2,27)
```
#0f032e
```
#0f032e rgb(15,3,46)
```
#150440
```
#150440 rgb(21,4,64)
```
#1c0553
```
#1c0553 rgb(28,5,83)
```
#220665
```
#220665 rgb(34,6,101)
```
#280778
```
#280778 rgb(40,7,120)
```
#2e088a
```
#2e088a rgb(46,8,138)
```
#340a9d
```
#340a9d rgb(52,10,157)
```
#3a0baf
```
#3a0baf rgb(58,11,175)
```
#410cc2
```
#410cc2 rgb(65,12,194)
```
#470dd4
```
#470dd4 rgb(71,13,212)
```
#4d0ee7
```
#4d0ee7 rgb(77,14,231)
```

Shade Color Variation

#5718f1
```
#5718f1 rgb(87,24,241)
```
#642af2
```
#642af2 rgb(100,42,242)
```
#713cf3
```
#713cf3 rgb(113,60,243)
```
#7f4ff4
```
#7f4ff4 rgb(127,79,244)
```
#8c61f5
```
#8c61f5 rgb(140,97,245)
```
#9a74f7
```
#9a74f7 rgb(154,116,247)
```
#a786f8
```
#a786f8 rgb(167,134,248)
```
#b599f9
```
#b599f9 rgb(181,153,249)
```
#c2abfa
```
#c2abfa rgb(194,171,250)
```
#d0befb
```
#d0befb rgb(208,190,251)
```
#ddd0fc
```
#ddd0fc rgb(221,208,252)
```
#ebe3fd
```
#ebe3fd rgb(235,227,253)
```
#f8f5fe
```
#f8f5fe rgb(248,245,254)
```

Tint Color Variation

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

#8c8a92
```
#8c8a92 rgb(140,138,146)
```
#89819b
```
#89819b rgb(137,129,155)
```
#8578a4
```
#8578a4 rgb(133,120,164)
```
#8170ac
```
#8170ac rgb(129,112,172)
```
#7e67b5
```
#7e67b5 rgb(126,103,181)
```
#7a5ebe
```
#7a5ebe rgb(122,94,190)
```
#7655c7
```
#7655c7 rgb(118,85,199)
```
#734dcf
```
#734dcf rgb(115,77,207)
```
#6f44d8
```
#6f44d8 rgb(111,68,216)
```
#6b3be1
```
#6b3be1 rgb(107,59,225)
```
#6833e9
```
#6833e9 rgb(104,51,233)
```
#642af2
```
#642af2 rgb(100,42,242)
```
#6021fb
```
#6021fb rgb(96,33,251)
```

Tone Color Variation

Below, you can see how #642af2 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

#525252 Achromatopsia 0.005% of the population
#564a72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061be Protanopia 1% of men
#0067a5 Deuteranopia 1% of men
#006e76 Tritanopia 0.001% of the population

Trichromacy

#244dd1 Protanomaly 1% of men, 0.01% of women
#2451c1 Deuteranomaly 6% of men, 0.4% of women
#2455a3 Tritanomaly 0.01% of the population

#642af2 hex color

#642af2 Color Information

#642af2 Color Conversion

Color Schemes with #642af2

Alternatives to #642af2

#642af2 Preview

Shades and Tints of #642af2

Tones of #642af2

Color Blindness Simulator