#7697db hex color

In a RGB color space, hex #7697db is composed of 46.3% red, 59.2% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 46.1% cyan, 31.1% magenta, 0% yellow and 14.1% black. It has a hue angle of 220.4 degrees, a saturation of 58.4% and a lightness of 66.1%. #7697db color hex could be obtained by blending #ecffff with #002fb7. Closest websafe color is: #6699cc.

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

● #7697db color description : Soft blue.

The hexadecimal color #7697db has RGB values of R:118, G:151, B:219 and CMYK values of C:0.46, M:0.31, Y:0, K:0.14. Its decimal value is 7772123.

Hex triplet	7697db	`#7697db`
RGB Decimal	118, 151, 219	`rgb(118,151,219)`
RGB Percent	46.3, 59.2, 85.9	`rgb(46.3%,59.2%,85.9%)`
CMYK	46, 31, 0, 14
HSL	220.4°, 58.4, 66.1	`hsl(220.4,58.4%,66.1%)`
HSV (or HSB)	220.4°, 46.1, 85.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	62.59, 6.608, -38.229
XYZ	31.321, 31.098, 71.366
xyY	0.234, 0.232, 31.098
CIE-LCH	62.59, 38.796, 279.806
CIE-LUV	62.59, -17.779, -61.174
Hunter-Lab	55.766, 2.667, -36.841
Binary	01110110, 10010111, 11011011

#7697db
```
#7697db rgb(118,151,219)
```
#dbba76
```
#dbba76 rgb(219,186,118)
```

Complementary Color

#76cadb
```
#76cadb rgb(118,202,219)
```
#7697db
```
#7697db rgb(118,151,219)
```
#8876db
```
#8876db rgb(136,118,219)
```

Analogous Color

#cadb76
```
#cadb76 rgb(202,219,118)
```
#7697db
```
#7697db rgb(118,151,219)
```
#db8876
```
#db8876 rgb(219,136,118)
```

Split Complementary Color

#97db76
```
#97db76 rgb(151,219,118)
```
#7697db
```
#7697db rgb(118,151,219)
```
#db7697
```
#db7697 rgb(219,118,151)
```

Triadic Color

#76dbba
```
#76dbba rgb(118,219,186)
```
#7697db
```
#7697db rgb(118,151,219)
```
#db7697
```
#db7697 rgb(219,118,151)
```
#dbba76
```
#dbba76 rgb(219,186,118)
```

Tetradic Color

#3969cb
```
#3969cb rgb(57,105,203)
```
#4e78d0
```
#4e78d0 rgb(78,120,208)
```
#6288d6
```
#6288d6 rgb(98,136,214)
```
#7697db
```
#7697db rgb(118,151,219)
```
#8aa6e0
```
#8aa6e0 rgb(138,166,224)
```
#9eb6e6
```
#9eb6e6 rgb(158,182,230)
```
#b3c5eb
```
#b3c5eb rgb(179,197,235)
```

Monochromatic Color

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

#76b0db
```
#76b0db rgb(118,176,219)
```
#76a8db
```
#76a8db rgb(118,168,219)
```
#769fdb
```
#769fdb rgb(118,159,219)
```
#7697db
```
#7697db rgb(118,151,219)
```
#768fdb
```
#768fdb rgb(118,143,219)
```
#7686db
```
#7686db rgb(118,134,219)
```
#767edb
```
#767edb rgb(118,126,219)
```

Similar Colors

Text with hexadecimal color #7697db

This text has a font color of #7697db.

<span style="color:#7697db;">Text here</span>

#7697db background color

This paragraph has a background color of #7697db.

<p style="background-color:#7697db;">Content here</p>

#7697db border color

This element has a border color of #7697db.

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

CSS codes

.text {color:#7697db;}

.background {background-color:#7697db;}

.border {border:1px solid #7697db;}

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

#010103
```
#010103 rgb(1,1,3)
```
#050912
```
#050912 rgb(5,9,18)
```
#091122
```
#091122 rgb(9,17,34)
```
#0d1931
```
#0d1931 rgb(13,25,49)
```
#112141
```
#112141 rgb(17,33,65)
```
#152950
```
#152950 rgb(21,41,80)
```
#193060
```
#193060 rgb(25,48,96)
```
#1d3870
```
#1d3870 rgb(29,56,112)
```
#21407f
```
#21407f rgb(33,64,127)
```
#25488f
```
#25488f rgb(37,72,143)
```
#2a509e
```
#2a509e rgb(42,80,158)
```
#2e57ae
```
#2e57ae rgb(46,87,174)
```
#325fbd
```
#325fbd rgb(50,95,189)
```

Shade Color Variation

#3868cb
```
#3868cb rgb(56,104,203)
```
#4774cf
```
#4774cf rgb(71,116,207)
```
#577fd3
```
#577fd3 rgb(87,127,211)
```
#668bd7
```
#668bd7 rgb(102,139,215)
```
#7697db
```
#7697db rgb(118,151,219)
```
#86a3df
```
#86a3df rgb(134,163,223)
```
#95afe3
```
#95afe3 rgb(149,175,227)
```
#a5bae7
```
#a5bae7 rgb(165,186,231)
```
#b4c6eb
```
#b4c6eb rgb(180,198,235)
```
#c4d2ef
```
#c4d2ef rgb(196,210,239)
```
#d3def3
```
#d3def3 rgb(211,222,243)
```
#e3eaf8
```
#e3eaf8 rgb(227,234,248)
```
#f2f5fc
```
#f2f5fc rgb(242,245,252)
```

Tint Color Variation

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

#a5a7ac
```
#a5a7ac rgb(165,167,172)
```
#9ea5b3
```
#9ea5b3 rgb(158,165,179)
```
#97a3ba
```
#97a3ba rgb(151,163,186)
```
#91a0c0
```
#91a0c0 rgb(145,160,192)
```
#8a9ec7
```
#8a9ec7 rgb(138,158,199)
```
#839cce
```
#839cce rgb(131,156,206)
```
#7d99d4
```
#7d99d4 rgb(125,153,212)
```
#7697db
```
#7697db rgb(118,151,219)
```
#6f95e2
```
#6f95e2 rgb(111,149,226)
```
#6992e8
```
#6992e8 rgb(105,146,232)
```
#6290ef
```
#6290ef rgb(98,144,239)
```
#5b8ef6
```
#5b8ef6 rgb(91,142,246)
```
#558bfc
```
#558bfc rgb(85,139,252)
```

Tone Color Variation

Below, you can see how #7697db 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
#8f95a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#869adb Protanopia 1% of men
#7f9bdd Deuteranopia 1% of men
#6da5b1 Tritanopia 0.001% of the population

Trichromacy

#8099db Protanomaly 1% of men, 0.01% of women
#7c9adc Deuteranomaly 6% of men, 0.4% of women
#70a0c0 Tritanomaly 0.01% of the population

#7697db hex color

#7697db Color Information

#7697db Color Conversion

Color Schemes with #7697db

Alternatives to #7697db

#7697db Preview

Shades and Tints of #7697db

Tones of #7697db

Color Blindness Simulator