#7886dd hex color

In a RGB color space, hex #7886dd is composed of 47.1% red, 52.5% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 45.7% cyan, 39.4% magenta, 0% yellow and 13.3% black. It has a hue angle of 231.7 degrees, a saturation of 59.8% and a lightness of 66.9%. #7886dd color hex could be obtained by blending #f0ffff with #000dbb. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 47
- G 53
- B 87
RGB color chart
- C 46
- M 39
- Y 0
- K 13
CMYK color chart

● #7886dd color description : Soft blue.

The hexadecimal color #7886dd has RGB values of R:120, G:134, B:221 and CMYK values of C:0.46, M:0.39, Y:0, K:0.13. Its decimal value is 7898845.

Hex triplet	7886dd	`#7886dd`
RGB Decimal	120, 134, 221	`rgb(120,134,221)`
RGB Percent	47.1, 52.5, 86.7	`rgb(47.1%,52.5%,86.7%)`
CMYK	46, 39, 0, 13
HSL	231.7°, 59.8, 66.9	`hsl(231.7,59.8%,66.9%)`
HSV (or HSB)	231.7°, 45.7, 86.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	58.286, 17.641, -46.105
XYZ	29.319, 26.263, 71.927
xyY	0.23, 0.206, 26.263
CIE-LCH	58.286, 49.365, 290.939
CIE-LUV	58.286, -10.85, -74.606
Hunter-Lab	51.247, 12.44, -47.342
Binary	01111000, 10000110, 11011101

#7886dd
```
#7886dd rgb(120,134,221)
```
#ddcf78
```
#ddcf78 rgb(221,207,120)
```

Complementary Color

#78b9dd
```
#78b9dd rgb(120,185,221)
```
#7886dd
```
#7886dd rgb(120,134,221)
```
#9d78dd
```
#9d78dd rgb(157,120,221)
```

Analogous Color

#b9dd78
```
#b9dd78 rgb(185,221,120)
```
#7886dd
```
#7886dd rgb(120,134,221)
```
#dd9d78
```
#dd9d78 rgb(221,157,120)
```

Split Complementary Color

#86dd78
```
#86dd78 rgb(134,221,120)
```
#7886dd
```
#7886dd rgb(120,134,221)
```
#dd7886
```
#dd7886 rgb(221,120,134)
```

Triadic Color

#78ddcf
```
#78ddcf rgb(120,221,207)
```
#7886dd
```
#7886dd rgb(120,134,221)
```
#dd7886
```
#dd7886 rgb(221,120,134)
```
#ddcf78
```
#ddcf78 rgb(221,207,120)
```

Tetradic Color

#3b4fce
```
#3b4fce rgb(59,79,206)
```
#4f61d3
```
#4f61d3 rgb(79,97,211)
```
#6474d8
```
#6474d8 rgb(100,116,216)
```
#7886dd
```
#7886dd rgb(120,134,221)
```
#8c98e2
```
#8c98e2 rgb(140,152,226)
```
#a1abe7
```
#a1abe7 rgb(161,171,231)
```
#b5bdec
```
#b5bdec rgb(181,189,236)
```

Monochromatic Color

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

#789fdd
```
#789fdd rgb(120,159,221)
```
#7897dd
```
#7897dd rgb(120,151,221)
```
#788edd
```
#788edd rgb(120,142,221)
```
#7886dd
```
#7886dd rgb(120,134,221)
```
#787edd
```
#787edd rgb(120,126,221)
```
#7b78dd
```
#7b78dd rgb(123,120,221)
```
#8378dd
```
#8378dd rgb(131,120,221)
```

Similar Colors

Text with hexadecimal color #7886dd

This text has a font color of #7886dd.

<span style="color:#7886dd;">Text here</span>

#7886dd background color

This paragraph has a background color of #7886dd.

<p style="background-color:#7886dd;">Content here</p>

#7886dd border color

This element has a border color of #7886dd.

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

CSS codes

.text {color:#7886dd;}

.background {background-color:#7886dd;}

.border {border:1px solid #7886dd;}

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

#020206
```
#020206 rgb(2,2,6)
```
#050816
```
#050816 rgb(5,8,22)
```
#090d25
```
#090d25 rgb(9,13,37)
```
#0d1335
```
#0d1335 rgb(13,19,53)
```
#111845
```
#111845 rgb(17,24,69)
```
#151e54
```
#151e54 rgb(21,30,84)
```
#192464
```
#192464 rgb(25,36,100)
```
#1d2974
```
#1d2974 rgb(29,41,116)
```
#212f83
```
#212f83 rgb(33,47,131)
```
#253493
```
#253493 rgb(37,52,147)
```
#293aa3
```
#293aa3 rgb(41,58,163)
```
#2d3fb2
```
#2d3fb2 rgb(45,63,178)
```
#3145c2
```
#3145c2 rgb(49,69,194)
```

Shade Color Variation

#394ecd
```
#394ecd rgb(57,78,205)
```
#495cd1
```
#495cd1 rgb(73,92,209)
```
#596ad5
```
#596ad5 rgb(89,106,213)
```
#6878d9
```
#6878d9 rgb(104,120,217)
```
#7886dd
```
#7886dd rgb(120,134,221)
```
#8894e1
```
#8894e1 rgb(136,148,225)
```
#97a2e5
```
#97a2e5 rgb(151,162,229)
```
#a7b0e9
```
#a7b0e9 rgb(167,176,233)
```
#b7beed
```
#b7beed rgb(183,190,237)
```
#c6ccf1
```
#c6ccf1 rgb(198,204,241)
```
#d6daf5
```
#d6daf5 rgb(214,218,245)
```
#e6e8f9
```
#e6e8f9 rgb(230,232,249)
```
#f5f6fd
```
#f5f6fd rgb(245,246,253)
```

Tint Color Variation

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

#a6a7b0
```
#a6a7b0 rgb(166,167,176)
```
#9fa2b6
```
#9fa2b6 rgb(159,162,182)
```
#999dbd
```
#999dbd rgb(153,157,189)
```
#9299c3
```
#9299c3 rgb(146,153,195)
```
#8c94ca
```
#8c94ca rgb(140,148,202)
```
#858fd0
```
#858fd0 rgb(133,143,208)
```
#7f8bd7
```
#7f8bd7 rgb(127,139,215)
```
#7886dd
```
#7886dd rgb(120,134,221)
```
#7281e4
```
#7281e4 rgb(114,129,228)
```
#6b7dea
```
#6b7dea rgb(107,125,234)
```
#6578f1
```
#6578f1 rgb(101,120,241)
```
#5e73f7
```
#5e73f7 rgb(94,115,247)
```
#586ffe
```
#586ffe rgb(88,111,254)
```

Tone Color Variation

Below, you can see how #7886dd 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

#8c8c8c Achromatopsia 0.005% of the population
#888b9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f8fe1 Protanopia 1% of men
#6592dc Deuteranopia 1% of men
#6a99a4 Tritanopia 0.001% of the population

Trichromacy

#728cdf Protanomaly 1% of men, 0.01% of women
#6c8ddc Deuteranomaly 6% of men, 0.4% of women
#6f92b9 Tritanomaly 0.01% of the population

#7886dd hex color

#7886dd Color Information

#7886dd Color Conversion

Color Schemes with #7886dd

Alternatives to #7886dd

#7886dd Preview

Shades and Tints of #7886dd

Tones of #7886dd

Color Blindness Simulator