colorhexa.com

#7696de hex color

In a RGB color space, hex #7696de is composed of 46.3% red, 58.8% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 46.8% cyan, 32.4% magenta, 0% yellow and 12.9% black. It has a hue angle of 221.5 degrees, a saturation of 61.2% and a lightness of 66.7%. #7696de color hex could be obtained by blending #ecffff with #002dbd. Closest websafe color is: #6699cc.

- R 46
- G 59
- B 87
RGB color chart
- C 47
- M 32
- Y 0
- K 13
CMYK color chart

● #7696de color description : Soft blue.

The hexadecimal color #7696de has RGB values of R:118, G:150, B:222 and CMYK values of C:0.47, M:0.32, Y:0, K:0.13. Its decimal value is 7771870.

Hex triplet	7696de	`#7696de`
RGB Decimal	118, 150, 222	`rgb(118,150,222)`
RGB Percent	46.3, 58.8, 87.1	`rgb(46.3%,58.8%,87.1%)`
CMYK	47, 32, 0, 13
HSL	221.5°, 61.2, 66.7	`hsl(221.5,61.2%,66.7%)`
HSV (or HSB)	221.5°, 46.8, 87.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	62.454, 8.067, -40.108
XYZ	31.56, 30.937, 73.412
xyY	0.232, 0.228, 30.937
CIE-LCH	62.454, 40.911, 281.372
CIE-LUV	62.454, -17.449, -64.451
Hunter-Lab	55.621, 3.945, -39.32
Binary	01110110, 10010110, 11011110

#7696de
```
#7696de rgb(118,150,222)
```
#debe76
```
#debe76 rgb(222,190,118)
```

Complementary Color

#76cade
```
#76cade rgb(118,202,222)
```
#7696de
```
#7696de rgb(118,150,222)
```
#8a76de
```
#8a76de rgb(138,118,222)
```

Analogous Color

#cade76
```
#cade76 rgb(202,222,118)
```
#7696de
```
#7696de rgb(118,150,222)
```
#de8a76
```
#de8a76 rgb(222,138,118)
```

Split Complementary Color

#96de76
```
#96de76 rgb(150,222,118)
```
#7696de
```
#7696de rgb(118,150,222)
```
#de7696
```
#de7696 rgb(222,118,150)
```

Triadic Color

#76debe
```
#76debe rgb(118,222,190)
```
#7696de
```
#7696de rgb(118,150,222)
```
#de7696
```
#de7696 rgb(222,118,150)
```
#debe76
```
#debe76 rgb(222,190,118)
```

Tetradic Color

#3867cf
```
#3867cf rgb(56,103,207)
```
#4d77d4
```
#4d77d4 rgb(77,119,212)
```
#6186d9
```
#6186d9 rgb(97,134,217)
```
#7696de
```
#7696de rgb(118,150,222)
```
#8ba6e3
```
#8ba6e3 rgb(139,166,227)
```
#9fb6e8
```
#9fb6e8 rgb(159,182,232)
```
#b4c5ed
```
#b4c5ed rgb(180,197,237)
```

Monochromatic Color

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

#76b0de
```
#76b0de rgb(118,176,222)
```
#76a7de
```
#76a7de rgb(118,167,222)
```
#769fde
```
#769fde rgb(118,159,222)
```
#7696de
```
#7696de rgb(118,150,222)
```
#768dde
```
#768dde rgb(118,141,222)
```
#7685de
```
#7685de rgb(118,133,222)
```
#767cde
```
#767cde rgb(118,124,222)
```

Similar Colors

Text with hexadecimal color #7696de

This text has a font color of #7696de.

<span style="color:#7696de;">Text here</span>

#7696de background color

This paragraph has a background color of #7696de.

<p style="background-color:#7696de;">Content here</p>

#7696de border color

This element has a border color of #7696de.

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

CSS codes

.text {color:#7696de;}

.background {background-color:#7696de;}

.border {border:1px solid #7696de;}

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

#010205
```
#010205 rgb(1,2,5)
```
#050a15
```
#050a15 rgb(5,10,21)
```
#091225
```
#091225 rgb(9,18,37)
```
#0d1935
```
#0d1935 rgb(13,25,53)
```
#112145
```
#112145 rgb(17,33,69)
```
#142854
```
#142854 rgb(20,40,84)
```
#183064
```
#183064 rgb(24,48,100)
```
#1c3774
```
#1c3774 rgb(28,55,116)
```
#203f84
```
#203f84 rgb(32,63,132)
```
#244694
```
#244694 rgb(36,70,148)
```
#274ea3
```
#274ea3 rgb(39,78,163)
```
#2b55b3
```
#2b55b3 rgb(43,85,179)
```
#2f5dc3
```
#2f5dc3 rgb(47,93,195)
```

Shade Color Variation

#3766cf
```
#3766cf rgb(55,102,207)
```
#4772d3
```
#4772d3 rgb(71,114,211)
```
#567ed6
```
#567ed6 rgb(86,126,214)
```
#668ada
```
#668ada rgb(102,138,218)
```
#7696de
```
#7696de rgb(118,150,222)
```
#86a2e2
```
#86a2e2 rgb(134,162,226)
```
#96aee6
```
#96aee6 rgb(150,174,230)
```
#a5bae9
```
#a5bae9 rgb(165,186,233)
```
#b5c6ed
```
#b5c6ed rgb(181,198,237)
```
#c5d3f1
```
#c5d3f1 rgb(197,211,241)
```
#d5dff5
```
#d5dff5 rgb(213,223,245)
```
#e5ebf9
```
#e5ebf9 rgb(229,235,249)
```
#f4f7fc
```
#f4f7fc rgb(244,247,252)
```

Tint Color Variation

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

#a4a8b0
```
#a4a8b0 rgb(164,168,176)
```
#9da5b7
```
#9da5b7 rgb(157,165,183)
```
#97a3bd
```
#97a3bd rgb(151,163,189)
```
#90a0c4
```
#90a0c4 rgb(144,160,196)
```
#8a9eca
```
#8a9eca rgb(138,158,202)
```
#839bd1
```
#839bd1 rgb(131,155,209)
```
#7d99d7
```
#7d99d7 rgb(125,153,215)
```
#7696de
```
#7696de rgb(118,150,222)
```
#6f93e5
```
#6f93e5 rgb(111,147,229)
```
#6991eb
```
#6991eb rgb(105,145,235)
```
#628ef2
```
#628ef2 rgb(98,142,242)
```
#5c8cf8
```
#5c8cf8 rgb(92,140,248)
```
#5589ff
```
#5589ff rgb(85,137,255)
```

Tone Color Variation

Below, you can see how #7696de 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

#959595 Achromatopsia 0.005% of the population
#8f95a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#839ade Protanopia 1% of men
#7c9bdf Deuteranopia 1% of men
#6ba5b1 Tritanopia 0.001% of the population

Trichromacy

#7e98de Protanomaly 1% of men, 0.01% of women
#7a99df Deuteranomaly 6% of men, 0.4% of women
#6f9fc1 Tritanomaly 0.01% of the population