#6948ff hex color

In a RGB color space, hex #6948ff is composed of 41.2% red, 28.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 58.8% cyan, 71.8% magenta, 0% yellow and 0% black. It has a hue angle of 250.8 degrees, a saturation of 100% and a lightness of 64.1%. #6948ff color hex could be obtained by blending #d290ff with #0000ff. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 41
- G 28
- B 100
RGB color chart
- C 59
- M 72
- Y 0
- K 0
CMYK color chart

● #6948ff color description : Light blue.

The hexadecimal color #6948ff has RGB values of R:105, G:72, B:255 and CMYK values of C:0.59, M:0.72, Y:0, K:0. Its decimal value is 6899967.

Hex triplet	6948ff	`#6948ff`
RGB Decimal	105, 72, 255	`rgb(105,72,255)`
RGB Percent	41.2, 28.2, 100	`rgb(41.2%,28.2%,100%)`
CMYK	59, 72, 0, 0
HSL	250.8°, 100, 64.1	`hsl(250.8,100%,64.1%)`
HSV (or HSB)	250.8°, 71.8, 100
Web Safe	6633ff	`#6633ff`

CIE-LAB	45.438, 60.544, -85.911
XYZ	26.19, 14.857, 96.09
xyY	0.191, 0.108, 14.857
CIE-LCH	45.438, 105.102, 305.173
CIE-LUV	45.438, -1.697, -129.646
Hunter-Lab	38.545, 53.83, -120.825
Binary	01101001, 01001000, 11111111

#6948ff
```
#6948ff rgb(105,72,255)
```
#deff48
```
#deff48 rgb(222,255,72)
```

Complementary Color

#4883ff
```
#4883ff rgb(72,131,255)
```
#6948ff
```
#6948ff rgb(105,72,255)
```
#c548ff
```
#c548ff rgb(197,72,255)
```

Analogous Color

#83ff48
```
#83ff48 rgb(131,255,72)
```
#6948ff
```
#6948ff rgb(105,72,255)
```
#ffc548
```
#ffc548 rgb(255,197,72)
```

Split Complementary Color

#48ff69
```
#48ff69 rgb(72,255,105)
```
#6948ff
```
#6948ff rgb(105,72,255)
```
#ff6948
```
#ff6948 rgb(255,105,72)
```

Triadic Color

#48deff
```
#48deff rgb(72,222,255)
```
#6948ff
```
#6948ff rgb(105,72,255)
```
#ff6948
```
#ff6948 rgb(255,105,72)
```
#deff48
```
#deff48 rgb(222,255,72)
```

Tetradic Color

#2d00fb
```
#2d00fb rgb(45,0,251)
```
#3f15ff
```
#3f15ff rgb(63,21,255)
```
#542fff
```
#542fff rgb(84,47,255)
```
#6948ff
```
#6948ff rgb(105,72,255)
```
#7e62ff
```
#7e62ff rgb(126,98,255)
```
#937bff
```
#937bff rgb(147,123,255)
```
#a895ff
```
#a895ff rgb(168,149,255)
```

Monochromatic Color

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

#4855ff
```
#4855ff rgb(72,85,255)
```
#4b48ff
```
#4b48ff rgb(75,72,255)
```
#5a48ff
```
#5a48ff rgb(90,72,255)
```
#6948ff
```
#6948ff rgb(105,72,255)
```
#7848ff
```
#7848ff rgb(120,72,255)
```
#8848ff
```
#8848ff rgb(136,72,255)
```
#9748ff
```
#9748ff rgb(151,72,255)
```

Similar Colors

Text with hexadecimal color #6948ff

This text has a font color of #6948ff.

<span style="color:#6948ff;">Text here</span>

#6948ff background color

This paragraph has a background color of #6948ff.

<p style="background-color:#6948ff;">Content here</p>

#6948ff border color

This element has a border color of #6948ff.

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

CSS codes

.text {color:#6948ff;}

.background {background-color:#6948ff;}

.border {border:1px solid #6948ff;}

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, #02000d is the darkest color, while #faf9ff is the lightest one.

#02000d
```
#02000d rgb(2,0,13)
```
#060021
```
#060021 rgb(6,0,33)
```
#090034
```
#090034 rgb(9,0,52)
```
#0d0048
```
#0d0048 rgb(13,0,72)
```
#11005c
```
#11005c rgb(17,0,92)
```
#14006f
```
#14006f rgb(20,0,111)
```
#180083
```
#180083 rgb(24,0,131)
```
#1b0096
```
#1b0096 rgb(27,0,150)
```
#1f00aa
```
#1f00aa rgb(31,0,170)
```
#2200be
```
#2200be rgb(34,0,190)
```
#2600d1
```
#2600d1 rgb(38,0,209)
```
#2900e5
```
#2900e5 rgb(41,0,229)
```
#2d00f9
```
#2d00f9 rgb(45,0,249)
```

Shade Color Variation

#390dff
```
#390dff rgb(57,13,255)
```
#4921ff
```
#4921ff rgb(73,33,255)
```
#5934ff
```
#5934ff rgb(89,52,255)
```
#6948ff
```
#6948ff rgb(105,72,255)
```
#795cff
```
#795cff rgb(121,92,255)
```
#896fff
```
#896fff rgb(137,111,255)
```
#9983ff
```
#9983ff rgb(153,131,255)
```
#a996ff
```
#a996ff rgb(169,150,255)
```
#b9aaff
```
#b9aaff rgb(185,170,255)
```
#c9beff
```
#c9beff rgb(201,190,255)
```
#dad1ff
```
#dad1ff rgb(218,209,255)
```
#eae5ff
```
#eae5ff rgb(234,229,255)
```
#faf9ff
```
#faf9ff rgb(250,249,255)
```

Tint Color Variation

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

#9f9cab
```
#9f9cab rgb(159,156,171)
```
#9b95b2
```
#9b95b2 rgb(155,149,178)
```
#968eb9
```
#968eb9 rgb(150,142,185)
```
#9287c0
```
#9287c0 rgb(146,135,192)
```
#8d80c7
```
#8d80c7 rgb(141,128,199)
```
#8979ce
```
#8979ce rgb(137,121,206)
```
#8472d5
```
#8472d5 rgb(132,114,213)
```
#806bdc
```
#806bdc rgb(128,107,220)
```
#7b64e3
```
#7b64e3 rgb(123,100,227)
```
#775dea
```
#775dea rgb(119,93,234)
```
#7256f1
```
#7256f1 rgb(114,86,241)
```
#6e4ff8
```
#6e4ff8 rgb(110,79,248)
```
#6948ff
```
#6948ff rgb(105,72,255)
```

Tone Color Variation

Below, you can see how #6948ff 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

#676767 Achromatopsia 0.005% of the population
#676185 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fd9 Protanopia 1% of men
#0076bd Deuteranopia 1% of men
#197e87 Tritanopia 0.001% of the population

Trichromacy

#2661e7 Protanomaly 1% of men, 0.01% of women
#2665d5 Deuteranomaly 6% of men, 0.4% of women
#366ab2 Tritanomaly 0.01% of the population

#6948ff hex color

#6948ff Color Information

#6948ff Color Conversion

Color Schemes with #6948ff

Alternatives to #6948ff

#6948ff Preview

Shades and Tints of #6948ff

Tones of #6948ff

Color Blindness Simulator