#6742e2 hex color

In a RGB color space, hex #6742e2 is composed of 40.4% red, 25.9% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 54.4% cyan, 70.8% magenta, 0% yellow and 11.4% black. It has a hue angle of 253.9 degrees, a saturation of 73.4% and a lightness of 57.3%. #6742e2 color hex could be obtained by blending #ce84ff with #0000c5. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 40
- G 26
- B 89
RGB color chart
- C 54
- M 71
- Y 0
- K 11
CMYK color chart

● #6742e2 color description : Bright blue.

The hexadecimal color #6742e2 has RGB values of R:103, G:66, B:226 and CMYK values of C:0.54, M:0.71, Y:0, K:0.11. Its decimal value is 6767330.

Hex triplet	6742e2	`#6742e2`
RGB Decimal	103, 66, 226	`rgb(103,66,226)`
RGB Percent	40.4, 25.9, 88.6	`rgb(40.4%,25.9%,88.6%)`
CMYK	54, 71, 0, 11
HSL	253.9°, 73.4, 57.3	`hsl(253.9,73.4%,57.3%)`
HSV (or HSB)	253.9°, 70.8, 88.6
Web Safe	6633cc	`#6633cc`

CIE-LAB	41.643, 55.085, -75.817
XYZ	21.267, 12.27, 73.195
xyY	0.199, 0.115, 12.27
CIE-LCH	41.643, 93.716, 306
CIE-LUV	41.643, 1.278, -112.838
Hunter-Lab	35.029, 47.069, -99.369
Binary	01100111, 01000010, 11100010

#6742e2
```
#6742e2 rgb(103,66,226)
```
#bde242
```
#bde242 rgb(189,226,66)
```

Complementary Color

#426de2
```
#426de2 rgb(66,109,226)
```
#6742e2
```
#6742e2 rgb(103,66,226)
```
#b742e2
```
#b742e2 rgb(183,66,226)
```

Analogous Color

#6de242
```
#6de242 rgb(109,226,66)
```
#6742e2
```
#6742e2 rgb(103,66,226)
```
#e2b742
```
#e2b742 rgb(226,183,66)
```

Split Complementary Color

#42e267
```
#42e267 rgb(66,226,103)
```
#6742e2
```
#6742e2 rgb(103,66,226)
```
#e26742
```
#e26742 rgb(226,103,66)
```

Triadic Color

#42bde2
```
#42bde2 rgb(66,189,226)
```
#6742e2
```
#6742e2 rgb(103,66,226)
```
#e26742
```
#e26742 rgb(226,103,66)
```
#bde242
```
#bde242 rgb(189,226,66)
```

Tetradic Color

#411dbb
```
#411dbb rgb(65,29,187)
```
#4920d1
```
#4920d1 rgb(73,32,209)
```
#552cdf
```
#552cdf rgb(85,44,223)
```
#6742e2
```
#6742e2 rgb(103,66,226)
```
#7958e5
```
#7958e5 rgb(121,88,229)
```
#8b6ee9
```
#8b6ee9 rgb(139,110,233)
```
#9c84ec
```
#9c84ec rgb(156,132,236)
```

Monochromatic Color

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

#4245e2
```
#4245e2 rgb(66,69,226)
```
#4c42e2
```
#4c42e2 rgb(76,66,226)
```
#5a42e2
```
#5a42e2 rgb(90,66,226)
```
#6742e2
```
#6742e2 rgb(103,66,226)
```
#7442e2
```
#7442e2 rgb(116,66,226)
```
#8242e2
```
#8242e2 rgb(130,66,226)
```
#8f42e2
```
#8f42e2 rgb(143,66,226)
```

Similar Colors

Text with hexadecimal color #6742e2

This text has a font color of #6742e2.

<span style="color:#6742e2;">Text here</span>

#6742e2 background color

This paragraph has a background color of #6742e2.

<p style="background-color:#6742e2;">Content here</p>

#6742e2 border color

This element has a border color of #6742e2.

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

CSS codes

.text {color:#6742e2;}

.background {background-color:#6742e2;}

.border {border:1px solid #6742e2;}

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

#05020f
```
#05020f rgb(5,2,15)
```
#0b0520
```
#0b0520 rgb(11,5,32)
```
#110831
```
#110831 rgb(17,8,49)
```
#170a42
```
#170a42 rgb(23,10,66)
```
#1d0d53
```
#1d0d53 rgb(29,13,83)
```
#230f64
```
#230f64 rgb(35,15,100)
```
#291275
```
#291275 rgb(41,18,117)
```
#2f1586
```
#2f1586 rgb(47,21,134)
```
#351797
```
#351797 rgb(53,23,151)
```
#3b1aa8
```
#3b1aa8 rgb(59,26,168)
```
#411cb9
```
#411cb9 rgb(65,28,185)
```
#471fca
```
#471fca rgb(71,31,202)
```
#4d22db
```
#4d22db rgb(77,34,219)
```

Shade Color Variation

#5931df
```
#5931df rgb(89,49,223)
```
#6742e2
```
#6742e2 rgb(103,66,226)
```
#7553e5
```
#7553e5 rgb(117,83,229)
```
#8264e7
```
#8264e7 rgb(130,100,231)
```
#9075ea
```
#9075ea rgb(144,117,234)
```
#9e86ec
```
#9e86ec rgb(158,134,236)
```
#ab97ef
```
#ab97ef rgb(171,151,239)
```
#b9a8f2
```
#b9a8f2 rgb(185,168,242)
```
#c7b9f4
```
#c7b9f4 rgb(199,185,244)
```
#d4caf7
```
#d4caf7 rgb(212,202,247)
```
#e2dbf9
```
#e2dbf9 rgb(226,219,249)
```
#f0ecfc
```
#f0ecfc rgb(240,236,252)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#908d97
```
#908d97 rgb(144,141,151)
```
#8b859f
```
#8b859f rgb(139,133,159)
```
#877da7
```
#877da7 rgb(135,125,167)
```
#8274b0
```
#8274b0 rgb(130,116,176)
```
#7e6cb8
```
#7e6cb8 rgb(126,108,184)
```
#7964c0
```
#7964c0 rgb(121,100,192)
```
#755bc9
```
#755bc9 rgb(117,91,201)
```
#7053d1
```
#7053d1 rgb(112,83,209)
```
#6c4ada
```
#6c4ada rgb(108,74,218)
```
#6742e2
```
#6742e2 rgb(103,66,226)
```
#623aea
```
#623aea rgb(98,58,234)
```
#5e31f3
```
#5e31f3 rgb(94,49,243)
```
#5929fb
```
#5929fb rgb(89,41,251)
```

Tone Color Variation

Below, you can see how #6742e2 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

#5f5f5f Achromatopsia 0.005% of the population
#615979 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067c9 Protanopia 1% of men
#006daf Deuteranopia 1% of men
#3c717a Tritanopia 0.001% of the population

Trichromacy

#2559d2 Protanomaly 1% of men, 0.01% of women
#255dc2 Deuteranomaly 6% of men, 0.4% of women
#4c609f Tritanomaly 0.01% of the population

#6742e2 hex color

#6742e2 Color Information

#6742e2 Color Conversion

Color Schemes with #6742e2

Alternatives to #6742e2

#6742e2 Preview

Shades and Tints of #6742e2

Tones of #6742e2

Color Blindness Simulator