#7698dc hex color

In a RGB color space, hex #7698dc is composed of 46.3% red, 59.6% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 46.4% cyan, 30.9% magenta, 0% yellow and 13.7% black. It has a hue angle of 220 degrees, a saturation of 59.3% and a lightness of 66.3%. #7698dc color hex could be obtained by blending #ecffff with #0031b9. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 46
- G 60
- B 86
RGB color chart
- C 46
- M 31
- Y 0
- K 14
CMYK color chart

● #7698dc color description : Soft blue.

The hexadecimal color #7698dc has RGB values of R:118, G:152, B:220 and CMYK values of C:0.46, M:0.31, Y:0, K:0.14. Its decimal value is 7772380.

Hex triplet	7698dc	`#7698dc`
RGB Decimal	118, 152, 220	`rgb(118,152,220)`
RGB Percent	46.3, 59.6, 86.3	`rgb(46.3%,59.6%,86.3%)`
CMYK	46, 31, 0, 14
HSL	220°, 59.3, 66.3	`hsl(220,59.3%,66.3%)`
HSV (or HSB)	220°, 46.4, 86.3
Web Safe	6699cc	`#6699cc`

CIE-LAB	62.906, 6.324, -38.291
XYZ	31.615, 31.474, 72.115
xyY	0.234, 0.233, 31.474
CIE-LCH	62.906, 38.81, 279.377
CIE-LUV	62.906, -18.17, -61.292
Hunter-Lab	56.102, 2.412, -36.943
Binary	01110110, 10011000, 11011100

#7698dc
```
#7698dc rgb(118,152,220)
```
#dcba76
```
#dcba76 rgb(220,186,118)
```

Complementary Color

#76cbdc
```
#76cbdc rgb(118,203,220)
```
#7698dc
```
#7698dc rgb(118,152,220)
```
#8776dc
```
#8776dc rgb(135,118,220)
```

Analogous Color

#cbdc76
```
#cbdc76 rgb(203,220,118)
```
#7698dc
```
#7698dc rgb(118,152,220)
```
#dc8776
```
#dc8776 rgb(220,135,118)
```

Split Complementary Color

#98dc76
```
#98dc76 rgb(152,220,118)
```
#7698dc
```
#7698dc rgb(118,152,220)
```
#dc7698
```
#dc7698 rgb(220,118,152)
```

Triadic Color

#76dcba
```
#76dcba rgb(118,220,186)
```
#7698dc
```
#7698dc rgb(118,152,220)
```
#dc7698
```
#dc7698 rgb(220,118,152)
```
#dcba76
```
#dcba76 rgb(220,186,118)
```

Tetradic Color

#396acc
```
#396acc rgb(57,106,204)
```
#4d79d2
```
#4d79d2 rgb(77,121,210)
```
#6289d7
```
#6289d7 rgb(98,137,215)
```
#7698dc
```
#7698dc rgb(118,152,220)
```
#8aa7e1
```
#8aa7e1 rgb(138,167,225)
```
#9fb7e6
```
#9fb7e6 rgb(159,183,230)
```
#b3c6ec
```
#b3c6ec rgb(179,198,236)
```

Monochromatic Color

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

#76b2dc
```
#76b2dc rgb(118,178,220)
```
#76a9dc
```
#76a9dc rgb(118,169,220)
```
#76a1dc
```
#76a1dc rgb(118,161,220)
```
#7698dc
```
#7698dc rgb(118,152,220)
```
#7690dc
```
#7690dc rgb(118,144,220)
```
#7687dc
```
#7687dc rgb(118,135,220)
```
#767fdc
```
#767fdc rgb(118,127,220)
```

Similar Colors

Text with hexadecimal color #7698dc

This text has a font color of #7698dc.

<span style="color:#7698dc;">Text here</span>

#7698dc background color

This paragraph has a background color of #7698dc.

<p style="background-color:#7698dc;">Content here</p>

#7698dc border color

This element has a border color of #7698dc.

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

CSS codes

.text {color:#7698dc;}

.background {background-color:#7698dc;}

.border {border:1px solid #7698dc;}

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

#010204
```
#010204 rgb(1,2,4)
```
#050a13
```
#050a13 rgb(5,10,19)
```
#091223
```
#091223 rgb(9,18,35)
```
#0d1932
```
#0d1932 rgb(13,25,50)
```
#112142
```
#112142 rgb(17,33,66)
```
#152952
```
#152952 rgb(21,41,82)
```
#193161
```
#193161 rgb(25,49,97)
```
#1d3971
```
#1d3971 rgb(29,57,113)
```
#214181
```
#214181 rgb(33,65,129)
```
#254990
```
#254990 rgb(37,73,144)
```
#2951a0
```
#2951a0 rgb(41,81,160)
```
#2d58af
```
#2d58af rgb(45,88,175)
```
#3160bf
```
#3160bf rgb(49,96,191)
```

Shade Color Variation

#3869cc
```
#3869cc rgb(56,105,204)
```
#4775d0
```
#4775d0 rgb(71,117,208)
```
#5781d4
```
#5781d4 rgb(87,129,212)
```
#668cd8
```
#668cd8 rgb(102,140,216)
```
#7698dc
```
#7698dc rgb(118,152,220)
```
#86a4e0
```
#86a4e0 rgb(134,164,224)
```
#95afe4
```
#95afe4 rgb(149,175,228)
```
#a5bbe8
```
#a5bbe8 rgb(165,187,232)
```
#b4c7ec
```
#b4c7ec rgb(180,199,236)
```
#c4d3f0
```
#c4d3f0 rgb(196,211,240)
```
#d4def4
```
#d4def4 rgb(212,222,244)
```
#e3eaf8
```
#e3eaf8 rgb(227,234,248)
```
#f3f6fc
```
#f3f6fc rgb(243,246,252)
```

Tint Color Variation

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

#a4a7ae
```
#a4a7ae rgb(164,167,174)
```
#9ea5b4
```
#9ea5b4 rgb(158,165,180)
```
#97a3bb
```
#97a3bb rgb(151,163,187)
```
#90a1c2
```
#90a1c2 rgb(144,161,194)
```
#8a9fc8
```
#8a9fc8 rgb(138,159,200)
```
#839ccf
```
#839ccf rgb(131,156,207)
```
#7d9ad5
```
#7d9ad5 rgb(125,154,213)
```
#7698dc
```
#7698dc rgb(118,152,220)
```
#6f96e3
```
#6f96e3 rgb(111,150,227)
```
#6994e9
```
#6994e9 rgb(105,148,233)
```
#6291f0
```
#6291f0 rgb(98,145,240)
```
#5c8ff6
```
#5c8ff6 rgb(92,143,246)
```
#558dfd
```
#558dfd rgb(85,141,253)
```

Tone Color Variation

Below, you can see how #7698dc 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

#969696 Achromatopsia 0.005% of the population
#9096a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#869bdc Protanopia 1% of men
#809cde Deuteranopia 1% of men
#6ca6b2 Tritanopia 0.001% of the population

Trichromacy

#809adc Protanomaly 1% of men, 0.01% of women
#7c9add Deuteranomaly 6% of men, 0.4% of women
#70a1c1 Tritanomaly 0.01% of the population

#7698dc hex color

#7698dc Color Information

#7698dc Color Conversion

Color Schemes with #7698dc

Alternatives to #7698dc

#7698dc Preview

Shades and Tints of #7698dc

Tones of #7698dc

Color Blindness Simulator