colorhexa.com

#6742f9 hex color

In a RGB color space, hex #6742f9 is composed of 40.4% red, 25.9% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 58.6% cyan, 73.5% magenta, 0% yellow and 2.4% black. It has a hue angle of 252.1 degrees, a saturation of 93.8% and a lightness of 61.8%. #6742f9 color hex could be obtained by blending #ce84ff with #0000f3. Closest websafe color is: #6633ff.

- R 40
- G 26
- B 98
RGB color chart
- C 59
- M 73
- Y 0
- K 2
CMYK color chart

● #6742f9 color description : Bright blue.

The hexadecimal color #6742f9 has RGB values of R:103, G:66, B:249 and CMYK values of C:0.59, M:0.73, Y:0, K:0.02. Its decimal value is 6767353.

Hex triplet	6742f9	`#6742f9`
RGB Decimal	103, 66, 249	`rgb(103,66,249)`
RGB Percent	40.4, 25.9, 97.6	`rgb(40.4%,25.9%,97.6%)`
CMYK	59, 73, 0, 2
HSL	252.1°, 93.8, 61.8	`hsl(252.1,93.8%,61.8%)`
HSV (or HSB)	252.1°, 73.5, 97.6
Web Safe	6633ff	`#6633ff`

CIE-LAB	43.681, 61.557, -85.455
XYZ	24.637, 13.619, 90.948
xyY	0.191, 0.105, 13.619
CIE-LCH	43.681, 105.318, 305.767
CIE-LUV	43.681, -0.813, -127.233
Hunter-Lab	36.904, 54.588, -120.286
Binary	01100111, 01000010, 11111001

#6742f9
```
#6742f9 rgb(103,66,249)
```
#d4f942
```
#d4f942 rgb(212,249,66)
```

Complementary Color

#4279f9
```
#4279f9 rgb(66,121,249)
```
#6742f9
```
#6742f9 rgb(103,66,249)
```
#c342f9
```
#c342f9 rgb(195,66,249)
```

Analogous Color

#79f942
```
#79f942 rgb(121,249,66)
```
#6742f9
```
#6742f9 rgb(103,66,249)
```
#f9c342
```
#f9c342 rgb(249,195,66)
```

Split Complementary Color

#42f967
```
#42f967 rgb(66,249,103)
```
#6742f9
```
#6742f9 rgb(103,66,249)
```
#f96742
```
#f96742 rgb(249,103,66)
```

Triadic Color

#42d4f9
```
#42d4f9 rgb(66,212,249)
```
#6742f9
```
#6742f9 rgb(103,66,249)
```
#f96742
```
#f96742 rgb(249,103,66)
```
#d4f942
```
#d4f942 rgb(212,249,66)
```

Tetradic Color

#3507e7
```
#3507e7 rgb(53,7,231)
```
#3f11f7
```
#3f11f7 rgb(63,17,247)
```
#5329f8
```
#5329f8 rgb(83,41,248)
```
#6742f9
```
#6742f9 rgb(103,66,249)
```
#7b5bfa
```
#7b5bfa rgb(123,91,250)
```
#8f73fb
```
#8f73fb rgb(143,115,251)
```
#a38cfb
```
#a38cfb rgb(163,140,251)
```

Monochromatic Color

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

#424bf9
```
#424bf9 rgb(66,75,249)
```
#4842f9
```
#4842f9 rgb(72,66,249)
```
#5842f9
```
#5842f9 rgb(88,66,249)
```
#6742f9
```
#6742f9 rgb(103,66,249)
```
#7642f9
```
#7642f9 rgb(118,66,249)
```
#8642f9
```
#8642f9 rgb(134,66,249)
```
#9542f9
```
#9542f9 rgb(149,66,249)
```

Similar Colors

Text with hexadecimal color #6742f9

This text has a font color of #6742f9.

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

#6742f9 background color

This paragraph has a background color of #6742f9.

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

#6742f9 border color

This element has a border color of #6742f9.

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

CSS codes

.text {color:#6742f9;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#050114
```
#050114 rgb(5,1,20)
```
#090127
```
#090127 rgb(9,1,39)
```
#0d023a
```
#0d023a rgb(13,2,58)
```
#12024d
```
#12024d rgb(18,2,77)
```
#160360
```
#160360 rgb(22,3,96)
```
#1a0473
```
#1a0473 rgb(26,4,115)
```
#1f0486
```
#1f0486 rgb(31,4,134)
```
#230599
```
#230599 rgb(35,5,153)
```
#2705ac
```
#2705ac rgb(39,5,172)
```
#2c06bf
```
#2c06bf rgb(44,6,191)
```
#3007d2
```
#3007d2 rgb(48,7,210)
```
#3407e5
```
#3407e5 rgb(52,7,229)
```

Shade Color Variation

#3909f7
```
#3909f7 rgb(57,9,247)
```
#481cf8
```
#481cf8 rgb(72,28,248)
```
#582ff8
```
#582ff8 rgb(88,47,248)
```
#6742f9
```
#6742f9 rgb(103,66,249)
```
#7655fa
```
#7655fa rgb(118,85,250)
```
#8668fa
```
#8668fa rgb(134,104,250)
```
#957bfb
```
#957bfb rgb(149,123,251)
```
#a48efb
```
#a48efb rgb(164,142,251)
```
#b3a1fc
```
#b3a1fc rgb(179,161,252)
```
#c3b4fd
```
#c3b4fd rgb(195,180,253)
```
#d2c7fd
```
#d2c7fd rgb(210,199,253)
```
#e1dafe
```
#e1dafe rgb(225,218,254)
```
#f1edfe
```
#f1edfe rgb(241,237,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9d9c9f is the less saturated color, while #6742f9 is the most saturated one.

#9d9c9f
```
#9d9c9f rgb(157,156,159)
```
#9895a7
```
#9895a7 rgb(152,149,167)
```
#948dae
```
#948dae rgb(148,141,174)
```
#8f86b6
```
#8f86b6 rgb(143,134,182)
```
#8b7ebd
```
#8b7ebd rgb(139,126,189)
```
#8677c5
```
#8677c5 rgb(134,119,197)
```
#826fcc
```
#826fcc rgb(130,111,204)
```
#7d68d4
```
#7d68d4 rgb(125,104,212)
```
#7960db
```
#7960db rgb(121,96,219)
```
#7459e3
```
#7459e3 rgb(116,89,227)
```
#7051ea
```
#7051ea rgb(112,81,234)
```
#6b4af2
```
#6b4af2 rgb(107,74,242)
```
#6742f9
```
#6742f9 rgb(103,66,249)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#635c80 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd1 Protanopia 1% of men
#0072b6 Deuteranopia 1% of men
#1a7982 Tritanopia 0.001% of the population

Trichromacy

#255ce0 Protanomaly 1% of men, 0.01% of women
#2560ce Deuteranomaly 6% of men, 0.4% of women
#3665ad Tritanomaly 0.01% of the population