#6946e2 hex color

In a RGB color space, hex #6946e2 is composed of 41.2% red, 27.5% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 53.5% cyan, 69% magenta, 0% yellow and 11.4% black. It has a hue angle of 253.5 degrees, a saturation of 72.9% and a lightness of 58%. #6946e2 color hex could be obtained by blending #d28cff with #0000c5. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 41
- G 27
- B 89
RGB color chart
- C 54
- M 69
- Y 0
- K 11
CMYK color chart

● #6946e2 color description : Soft blue.

The hexadecimal color #6946e2 has RGB values of R:105, G:70, B:226 and CMYK values of C:0.54, M:0.69, Y:0, K:0.11. Its decimal value is 6899426.

Hex triplet	6946e2	`#6946e2`
RGB Decimal	105, 70, 226	`rgb(105,70,226)`
RGB Percent	41.2, 27.5, 88.6	`rgb(41.2%,27.5%,88.6%)`
CMYK	54, 69, 0, 11
HSL	253.5°, 72.9, 58	`hsl(253.5,72.9%,58%)`
HSV (or HSB)	253.5°, 69, 88.6
Web Safe	6633cc	`#6633cc`

CIE-LAB	42.573, 53.316, -74.287
XYZ	21.741, 12.874, 73.287
xyY	0.201, 0.119, 12.874
CIE-LCH	42.573, 91.439, 305.667
CIE-LUV	42.573, 1.222, -111.686
Hunter-Lab	35.88, 45.367, -95.985
Binary	01101001, 01000110, 11100010

#6946e2
```
#6946e2 rgb(105,70,226)
```
#bfe246
```
#bfe246 rgb(191,226,70)
```

Complementary Color

#4671e2
```
#4671e2 rgb(70,113,226)
```
#6946e2
```
#6946e2 rgb(105,70,226)
```
#b746e2
```
#b746e2 rgb(183,70,226)
```

Analogous Color

#71e246
```
#71e246 rgb(113,226,70)
```
#6946e2
```
#6946e2 rgb(105,70,226)
```
#e2b746
```
#e2b746 rgb(226,183,70)
```

Split Complementary Color

#46e269
```
#46e269 rgb(70,226,105)
```
#6946e2
```
#6946e2 rgb(105,70,226)
```
#e26946
```
#e26946 rgb(226,105,70)
```

Triadic Color

#46bfe2
```
#46bfe2 rgb(70,191,226)
```
#6946e2
```
#6946e2 rgb(105,70,226)
```
#e26946
```
#e26946 rgb(226,105,70)
```
#bfe246
```
#bfe246 rgb(191,226,70)
```

Tetradic Color

#421ebe
```
#421ebe rgb(66,30,190)
```
#4921d4
```
#4921d4 rgb(73,33,212)
```
#5730df
```
#5730df rgb(87,48,223)
```
#6946e2
```
#6946e2 rgb(105,70,226)
```
#7b5ce5
```
#7b5ce5 rgb(123,92,229)
```
#8d72e9
```
#8d72e9 rgb(141,114,233)
```
#9f88ec
```
#9f88ec rgb(159,136,236)
```

Monochromatic Color

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

#464ae2
```
#464ae2 rgb(70,74,226)
```
#4f46e2
```
#4f46e2 rgb(79,70,226)
```
#5c46e2
```
#5c46e2 rgb(92,70,226)
```
#6946e2
```
#6946e2 rgb(105,70,226)
```
#7646e2
```
#7646e2 rgb(118,70,226)
```
#8346e2
```
#8346e2 rgb(131,70,226)
```
#9046e2
```
#9046e2 rgb(144,70,226)
```

Similar Colors

Text with hexadecimal color #6946e2

This text has a font color of #6946e2.

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

#6946e2 background color

This paragraph has a background color of #6946e2.

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

#6946e2 border color

This element has a border color of #6946e2.

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

CSS codes

.text {color:#6946e2;}

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

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

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

#010002
```
#010002 rgb(1,0,2)
```
#060312
```
#060312 rgb(6,3,18)
```
#0c0623
```
#0c0623 rgb(12,6,35)
```
#120834
```
#120834 rgb(18,8,52)
```
#180b45
```
#180b45 rgb(24,11,69)
```
#1e0e56
```
#1e0e56 rgb(30,14,86)
```
#241067
```
#241067 rgb(36,16,103)
```
#2a1378
```
#2a1378 rgb(42,19,120)
```
#2f1689
```
#2f1689 rgb(47,22,137)
```
#35189a
```
#35189a rgb(53,24,154)
```
#3b1bab
```
#3b1bab rgb(59,27,171)
```
#411dbc
```
#411dbc rgb(65,29,188)
```
#4720cd
```
#4720cd rgb(71,32,205)
```

Shade Color Variation

#4e24dd
```
#4e24dd rgb(78,36,221)
```
#5b35df
```
#5b35df rgb(91,53,223)
```
#6946e2
```
#6946e2 rgb(105,70,226)
```
#7757e5
```
#7757e5 rgb(119,87,229)
```
#8468e7
```
#8468e7 rgb(132,104,231)
```
#9279ea
```
#9279ea rgb(146,121,234)
```
#a08aed
```
#a08aed rgb(160,138,237)
```
#ae9bef
```
#ae9bef rgb(174,155,239)
```
#bbacf2
```
#bbacf2 rgb(187,172,242)
```
#c9bdf5
```
#c9bdf5 rgb(201,189,245)
```
#d7cef7
```
#d7cef7 rgb(215,206,247)
```
#e5dffa
```
#e5dffa rgb(229,223,250)
```
#f2f0fd
```
#f2f0fd rgb(242,240,253)
```

Tint Color Variation

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

#929098
```
#929098 rgb(146,144,152)
```
#8d88a0
```
#8d88a0 rgb(141,136,160)
```
#8980a8
```
#8980a8 rgb(137,128,168)
```
#8477b1
```
#8477b1 rgb(132,119,177)
```
#806fb9
```
#806fb9 rgb(128,111,185)
```
#7b67c1
```
#7b67c1 rgb(123,103,193)
```
#775fc9
```
#775fc9 rgb(119,95,201)
```
#7256d2
```
#7256d2 rgb(114,86,210)
```
#6e4eda
```
#6e4eda rgb(110,78,218)
```
#6946e2
```
#6946e2 rgb(105,70,226)
```
#643eea
```
#643eea rgb(100,62,234)
```
#6036f2
```
#6036f2 rgb(96,54,242)
```
#5b2dfb
```
#5b2dfb rgb(91,45,251)
```

Tone Color Variation

Below, you can see how #6946e2 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
#635c7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069cd Protanopia 1% of men
#006fb3 Deuteranopia 1% of men
#41737c Tritanopia 0.001% of the population

Trichromacy

#265cd4 Protanomaly 1% of men, 0.01% of women
#2660c4 Deuteranomaly 6% of men, 0.4% of women
#5063a1 Tritanomaly 0.01% of the population

#6946e2 hex color

#6946e2 Color Information

#6946e2 Color Conversion

Color Schemes with #6946e2

Alternatives to #6946e2

#6946e2 Preview

Shades and Tints of #6946e2

Tones of #6946e2

Color Blindness Simulator