#7685ef hex color

In a RGB color space, hex #7685ef is composed of 46.3% red, 52.2% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 50.6% cyan, 44.4% magenta, 0% yellow and 6.3% black. It has a hue angle of 232.6 degrees, a saturation of 79.1% and a lightness of 70%. #7685ef color hex could be obtained by blending #ecffff with #000bdf. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 46
- G 52
- B 94
RGB color chart
- C 51
- M 44
- Y 0
- K 6
CMYK color chart

● #7685ef color description : Soft blue.

The hexadecimal color #7685ef has RGB values of R:118, G:133, B:239 and CMYK values of C:0.51, M:0.44, Y:0, K:0.06. Its decimal value is 7767535.

Hex triplet	7685ef	`#7685ef`
RGB Decimal	118, 133, 239	`rgb(118,133,239)`
RGB Percent	46.3, 52.2, 93.7	`rgb(46.3%,52.2%,93.7%)`
CMYK	51, 44, 0, 6
HSL	232.6°, 79.1, 70	`hsl(232.6,79.1%,70%)`
HSV (or HSB)	232.6°, 50.6, 93.7
Web Safe	6699ff	`#6699ff`

CIE-LAB	58.842, 23.183, -55.25
XYZ	31.436, 26.857, 85.184
xyY	0.219, 0.187, 26.857
CIE-LCH	58.842, 59.916, 292.763
CIE-LUV	58.842, -11.906, -90.222
Hunter-Lab	51.824, 17.583, -61.179
Binary	01110110, 10000101, 11101111

#7685ef
```
#7685ef rgb(118,133,239)
```
#efe076
```
#efe076 rgb(239,224,118)
```

Complementary Color

#76c2ef
```
#76c2ef rgb(118,194,239)
```
#7685ef
```
#7685ef rgb(118,133,239)
```
#a476ef
```
#a476ef rgb(164,118,239)
```

Analogous Color

#c2ef76
```
#c2ef76 rgb(194,239,118)
```
#7685ef
```
#7685ef rgb(118,133,239)
```
#efa476
```
#efa476 rgb(239,164,118)
```

Split Complementary Color

#85ef76
```
#85ef76 rgb(133,239,118)
```
#7685ef
```
#7685ef rgb(118,133,239)
```
#ef7685
```
#ef7685 rgb(239,118,133)
```

Triadic Color

#76efe0
```
#76efe0 rgb(118,239,224)
```
#7685ef
```
#7685ef rgb(118,133,239)
```
#ef7685
```
#ef7685 rgb(239,118,133)
```
#efe076
```
#efe076 rgb(239,224,118)
```

Tetradic Color

#3248e7
```
#3248e7 rgb(50,72,231)
```
#485cea
```
#485cea rgb(72,92,234)
```
#5f71ec
```
#5f71ec rgb(95,113,236)
```
#7685ef
```
#7685ef rgb(118,133,239)
```
#8d99f2
```
#8d99f2 rgb(141,153,242)
```
#a4aef4
```
#a4aef4 rgb(164,174,244)
```
#bbc2f7
```
#bbc2f7 rgb(187,194,247)
```

Monochromatic Color

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

#76a3ef
```
#76a3ef rgb(118,163,239)
```
#7699ef
```
#7699ef rgb(118,153,239)
```
#768fef
```
#768fef rgb(118,143,239)
```
#7685ef
```
#7685ef rgb(118,133,239)
```
#767bef
```
#767bef rgb(118,123,239)
```
#7b76ef
```
#7b76ef rgb(123,118,239)
```
#8576ef
```
#8576ef rgb(133,118,239)
```

Similar Colors

Text with hexadecimal color #7685ef

This text has a font color of #7685ef.

<span style="color:#7685ef;">Text here</span>

#7685ef background color

This paragraph has a background color of #7685ef.

<p style="background-color:#7685ef;">Content here</p>

#7685ef border color

This element has a border color of #7685ef.

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

CSS codes

.text {color:#7685ef;}

.background {background-color:#7685ef;}

.border {border:1px solid #7685ef;}

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

#000104
```
#000104 rgb(0,1,4)
```
#020515
```
#020515 rgb(2,5,21)
```
#050927
```
#050927 rgb(5,9,39)
```
#070d38
```
#070d38 rgb(7,13,56)
```
#09114a
```
#09114a rgb(9,17,74)
```
#0b155b
```
#0b155b rgb(11,21,91)
```
#0d196d
```
#0d196d rgb(13,25,109)
```
#0f1d7e
```
#0f1d7e rgb(15,29,126)
```
#112190
```
#112190 rgb(17,33,144)
```
#1325a2
```
#1325a2 rgb(19,37,162)
```
#1529b3
```
#1529b3 rgb(21,41,179)
```
#172dc5
```
#172dc5 rgb(23,45,197)
```
#1930d6
```
#1930d6 rgb(25,48,214)
```

Shade Color Variation

#1e37e5
```
#1e37e5 rgb(30,55,229)
```
#3046e7
```
#3046e7 rgb(48,70,231)
```
#4156e9
```
#4156e9 rgb(65,86,233)
```
#5366eb
```
#5366eb rgb(83,102,235)
```
#6475ed
```
#6475ed rgb(100,117,237)
```
#7685ef
```
#7685ef rgb(118,133,239)
```
#8895f1
```
#8895f1 rgb(136,149,241)
```
#99a4f3
```
#99a4f3 rgb(153,164,243)
```
#abb4f5
```
#abb4f5 rgb(171,180,245)
```
#bcc4f7
```
#bcc4f7 rgb(188,196,247)
```
#ced3f9
```
#ced3f9 rgb(206,211,249)
```
#dfe3fb
```
#dfe3fb rgb(223,227,251)
```
#f1f2fd
```
#f1f2fd rgb(241,242,253)
```

Tint Color Variation

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

#b1b1b4
```
#b1b1b4 rgb(177,177,180)
```
#abadba
```
#abadba rgb(171,173,186)
```
#a5a8c0
```
#a5a8c0 rgb(165,168,192)
```
#9fa4c6
```
#9fa4c6 rgb(159,164,198)
```
#99a0cc
```
#99a0cc rgb(153,160,204)
```
#939bd2
```
#939bd2 rgb(147,155,210)
```
#8e97d7
```
#8e97d7 rgb(142,151,215)
```
#8892dd
```
#8892dd rgb(136,146,221)
```
#828ee3
```
#828ee3 rgb(130,142,227)
```
#7c89e9
```
#7c89e9 rgb(124,137,233)
```
#7685ef
```
#7685ef rgb(118,133,239)
```
#7081f5
```
#7081f5 rgb(112,129,245)
```
#6a7cfb
```
#6a7cfb rgb(106,124,251)
```

Tone Color Variation

Below, you can see how #7685ef 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

#8d8d8d Achromatopsia 0.005% of the population
#888ba1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6290f3 Protanopia 1% of men
#4f94ec Deuteranopia 1% of men
#5f9ca8 Tritanopia 0.001% of the population

Trichromacy

#698cf2 Protanomaly 1% of men, 0.01% of women
#5d8eed Deuteranomaly 6% of men, 0.4% of women
#6794c1 Tritanomaly 0.01% of the population

#7685ef hex color

#7685ef Color Information

#7685ef Color Conversion

Color Schemes with #7685ef

Alternatives to #7685ef

#7685ef Preview

Shades and Tints of #7685ef

Tones of #7685ef

Color Blindness Simulator