#7668f2 hex color

In a RGB color space, hex #7668f2 is composed of 46.3% red, 40.8% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 51.2% cyan, 57% magenta, 0% yellow and 5.1% black. It has a hue angle of 246.1 degrees, a saturation of 84.1% and a lightness of 67.8%. #7668f2 color hex could be obtained by blending #ecd0ff with #0000e5. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 46
- G 41
- B 95
RGB color chart
- C 51
- M 57
- Y 0
- K 5
CMYK color chart

● #7668f2 color description : Soft blue.

The hexadecimal color #7668f2 has RGB values of R:118, G:104, B:242 and CMYK values of C:0.51, M:0.57, Y:0, K:0.05. Its decimal value is 7760114.

Hex triplet	7668f2	`#7668f2`
RGB Decimal	118, 104, 242	`rgb(118,104,242)`
RGB Percent	46.3, 40.8, 94.9	`rgb(46.3%,40.8%,94.9%)`
CMYK	51, 57, 0, 5
HSL	246.1°, 84.1, 67.8	`hsl(246.1,84.1%,67.8%)`
HSV (or HSB)	246.1°, 57, 94.9
Web Safe	6666ff	`#6666ff`

CIE-LAB	52.02, 41.258, -67.879
XYZ	28.445, 20.162, 86.392
xyY	0.211, 0.149, 20.162
CIE-LCH	52.02, 79.434, 301.292
CIE-LUV	52.02, -3.386, -108.747
Hunter-Lab	44.902, 34.5, -82.643
Binary	01110110, 01101000, 11110010

#7668f2
```
#7668f2 rgb(118,104,242)
```
#e4f268
```
#e4f268 rgb(228,242,104)
```

Complementary Color

#689ff2
```
#689ff2 rgb(104,159,242)
```
#7668f2
```
#7668f2 rgb(118,104,242)
```
#bb68f2
```
#bb68f2 rgb(187,104,242)
```

Analogous Color

#9ff268
```
#9ff268 rgb(159,242,104)
```
#7668f2
```
#7668f2 rgb(118,104,242)
```
#f2bb68
```
#f2bb68 rgb(242,187,104)
```

Split Complementary Color

#68f276
```
#68f276 rgb(104,242,118)
```
#7668f2
```
#7668f2 rgb(118,104,242)
```
#f27668
```
#f27668 rgb(242,118,104)
```

Triadic Color

#68e4f2
```
#68e4f2 rgb(104,228,242)
```
#7668f2
```
#7668f2 rgb(118,104,242)
```
#f27668
```
#f27668 rgb(242,118,104)
```
#e4f268
```
#e4f268 rgb(228,242,104)
```

Tetradic Color

#3622ec
```
#3622ec rgb(54,34,236)
```
#4b39ee
```
#4b39ee rgb(75,57,238)
```
#6151f0
```
#6151f0 rgb(97,81,240)
```
#7668f2
```
#7668f2 rgb(118,104,242)
```
#8b7ff4
```
#8b7ff4 rgb(139,127,244)
```
#a197f6
```
#a197f6 rgb(161,151,246)
```
#b6aef8
```
#b6aef8 rgb(182,174,248)
```

Monochromatic Color

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

#687df2
```
#687df2 rgb(104,125,242)
```
#6871f2
```
#6871f2 rgb(104,113,242)
```
#6b68f2
```
#6b68f2 rgb(107,104,242)
```
#7668f2
```
#7668f2 rgb(118,104,242)
```
#8268f2
```
#8268f2 rgb(130,104,242)
```
#8d68f2
```
#8d68f2 rgb(141,104,242)
```
#9968f2
```
#9968f2 rgb(153,104,242)
```

Similar Colors

Text with hexadecimal color #7668f2

This text has a font color of #7668f2.

<span style="color:#7668f2;">Text here</span>

#7668f2 background color

This paragraph has a background color of #7668f2.

<p style="background-color:#7668f2;">Content here</p>

#7668f2 border color

This element has a border color of #7668f2.

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

CSS codes

.text {color:#7668f2;}

.background {background-color:#7668f2;}

.border {border:1px solid #7668f2;}

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, #02010c is the darkest color, while #f9f8fe is the lightest one.

#02010c
```
#02010c rgb(2,1,12)
```
#05031e
```
#05031e rgb(5,3,30)
```
#090430
```
#090430 rgb(9,4,48)
```
#0c0642
```
#0c0642 rgb(12,6,66)
```
#0f0754
```
#0f0754 rgb(15,7,84)
```
#120966
```
#120966 rgb(18,9,102)
```
#150a78
```
#150a78 rgb(21,10,120)
```
#190c8a
```
#190c8a rgb(25,12,138)
```
#1c0d9c
```
#1c0d9c rgb(28,13,156)
```
#1f0fae
```
#1f0fae rgb(31,15,174)
```
#2211c0
```
#2211c0 rgb(34,17,192)
```
#2612d2
```
#2612d2 rgb(38,18,210)
```
#2914e4
```
#2914e4 rgb(41,20,228)
```

Shade Color Variation

#3420ec
```
#3420ec rgb(52,32,236)
```
#4532ed
```
#4532ed rgb(69,50,237)
```
#5544ef
```
#5544ef rgb(85,68,239)
```
#6656f0
```
#6656f0 rgb(102,86,240)
```
#7668f2
```
#7668f2 rgb(118,104,242)
```
#867af4
```
#867af4 rgb(134,122,244)
```
#978cf5
```
#978cf5 rgb(151,140,245)
```
#a79ef7
```
#a79ef7 rgb(167,158,247)
```
#b8b0f8
```
#b8b0f8 rgb(184,176,248)
```
#c8c2fa
```
#c8c2fa rgb(200,194,250)
```
#d8d4fb
```
#d8d4fb rgb(216,212,251)
```
#e9e6fd
```
#e9e6fd rgb(233,230,253)
```
#f9f8fe
```
#f9f8fe rgb(249,248,254)
```

Tint Color Variation

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

#a8a7b3
```
#a8a7b3 rgb(168,167,179)
```
#a3a1b9
```
#a3a1b9 rgb(163,161,185)
```
#9e9ac0
```
#9e9ac0 rgb(158,154,192)
```
#9994c6
```
#9994c6 rgb(153,148,198)
```
#948ecc
```
#948ecc rgb(148,142,204)
```
#8f88d2
```
#8f88d2 rgb(143,136,210)
```
#8a81d9
```
#8a81d9 rgb(138,129,217)
```
#857bdf
```
#857bdf rgb(133,123,223)
```
#8075e5
```
#8075e5 rgb(128,117,229)
```
#7b6eec
```
#7b6eec rgb(123,110,236)
```
#7668f2
```
#7668f2 rgb(118,104,242)
```
#7162f8
```
#7162f8 rgb(113,98,248)
```
#6c5bff
```
#6c5bff rgb(108,91,255)
```

Tone Color Variation

Below, you can see how #7668f2 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

#7c7c7c Achromatopsia 0.005% of the population
#7b7894 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ef8 Protanopia 1% of men
#0085db Deuteranopia 1% of men
#558a94 Tritanopia 0.001% of the population

Trichromacy

#2a76f6 Protanomaly 1% of men, 0.01% of women
#2a7ae3 Deuteranomaly 6% of men, 0.4% of women
#617eb6 Tritanomaly 0.01% of the population

#7668f2 hex color

#7668f2 Color Information

#7668f2 Color Conversion

Color Schemes with #7668f2

Alternatives to #7668f2

#7668f2 Preview

Shades and Tints of #7668f2

Tones of #7668f2

Color Blindness Simulator