#768de2 hex color

In a RGB color space, hex #768de2 is composed of 46.3% red, 55.3% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 47.8% cyan, 37.6% magenta, 0% yellow and 11.4% black. It has a hue angle of 227.2 degrees, a saturation of 65.1% and a lightness of 67.5%. #768de2 color hex could be obtained by blending #ecffff with #001bc5. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 46
- G 55
- B 89
RGB color chart
- C 48
- M 38
- Y 0
- K 11
CMYK color chart

● #768de2 color description : Soft blue.

The hexadecimal color #768de2 has RGB values of R:118, G:141, B:226 and CMYK values of C:0.48, M:0.38, Y:0, K:0.11. Its decimal value is 7769570.

Hex triplet	768de2	`#768de2`
RGB Decimal	118, 141, 226	`rgb(118,141,226)`
RGB Percent	46.3, 55.3, 88.6	`rgb(46.3%,55.3%,88.6%)`
CMYK	48, 38, 0, 11
HSL	227.2°, 65.1, 67.5	`hsl(227.2,65.1%,67.5%)`
HSV (or HSB)	227.2°, 47.8, 88.6
Web Safe	6699cc	`#6699cc`

CIE-LAB	60.24, 14.514, -45.813
XYZ	30.721, 28.391, 75.809
xyY	0.228, 0.21, 28.391
CIE-LCH	60.24, 48.057, 287.579
CIE-LUV	60.24, -14.245, -74.222
Hunter-Lab	53.283, 9.669, -47.056
Binary	01110110, 10001101, 11100010

#768de2
```
#768de2 rgb(118,141,226)
```
#e2cb76
```
#e2cb76 rgb(226,203,118)
```

Complementary Color

#76c3e2
```
#76c3e2 rgb(118,195,226)
```
#768de2
```
#768de2 rgb(118,141,226)
```
#9576e2
```
#9576e2 rgb(149,118,226)
```

Analogous Color

#c3e276
```
#c3e276 rgb(195,226,118)
```
#768de2
```
#768de2 rgb(118,141,226)
```
#e29576
```
#e29576 rgb(226,149,118)
```

Split Complementary Color

#8de276
```
#8de276 rgb(141,226,118)
```
#768de2
```
#768de2 rgb(118,141,226)
```
#e2768d
```
#e2768d rgb(226,118,141)
```

Triadic Color

#76e2cb
```
#76e2cb rgb(118,226,203)
```
#768de2
```
#768de2 rgb(118,141,226)
```
#e2768d
```
#e2768d rgb(226,118,141)
```
#e2cb76
```
#e2cb76 rgb(226,203,118)
```

Tetradic Color

#3758d5
```
#3758d5 rgb(55,88,213)
```
#4c6ad9
```
#4c6ad9 rgb(76,106,217)
```
#617bde
```
#617bde rgb(97,123,222)
```
#768de2
```
#768de2 rgb(118,141,226)
```
#8b9fe6
```
#8b9fe6 rgb(139,159,230)
```
#a0b0eb
```
#a0b0eb rgb(160,176,235)
```
#b5c2ef
```
#b5c2ef rgb(181,194,239)
```

Monochromatic Color

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

#76a8e2
```
#76a8e2 rgb(118,168,226)
```
#769fe2
```
#769fe2 rgb(118,159,226)
```
#7696e2
```
#7696e2 rgb(118,150,226)
```
#768de2
```
#768de2 rgb(118,141,226)
```
#7684e2
```
#7684e2 rgb(118,132,226)
```
#767be2
```
#767be2 rgb(118,123,226)
```
#7a76e2
```
#7a76e2 rgb(122,118,226)
```

Similar Colors

Text with hexadecimal color #768de2

This text has a font color of #768de2.

<span style="color:#768de2;">Text here</span>

#768de2 background color

This paragraph has a background color of #768de2.

<p style="background-color:#768de2;">Content here</p>

#768de2 border color

This element has a border color of #768de2.

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

CSS codes

.text {color:#768de2;}

.background {background-color:#768de2;}

.border {border:1px solid #768de2;}

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

#020309
```
#020309 rgb(2,3,9)
```
#050919
```
#050919 rgb(5,9,25)
```
#091029
```
#091029 rgb(9,16,41)
```
#0c1639
```
#0c1639 rgb(12,22,57)
```
#101c49
```
#101c49 rgb(16,28,73)
```
#13225a
```
#13225a rgb(19,34,90)
```
#16286a
```
#16286a rgb(22,40,106)
```
#1a2e7a
```
#1a2e7a rgb(26,46,122)
```
#1d348a
```
#1d348a rgb(29,52,138)
```
#213b9a
```
#213b9a rgb(33,59,154)
```
#2441ab
```
#2441ab rgb(36,65,171)
```
#2847bb
```
#2847bb rgb(40,71,187)
```
#2b4dcb
```
#2b4dcb rgb(43,77,203)
```

Shade Color Variation

#3557d4
```
#3557d4 rgb(53,87,212)
```
#4565d8
```
#4565d8 rgb(69,101,216)
```
#5672db
```
#5672db rgb(86,114,219)
```
#6680df
```
#6680df rgb(102,128,223)
```
#768de2
```
#768de2 rgb(118,141,226)
```
#869ae5
```
#869ae5 rgb(134,154,229)
```
#96a8e9
```
#96a8e9 rgb(150,168,233)
```
#a7b5ec
```
#a7b5ec rgb(167,181,236)
```
#b7c3f0
```
#b7c3f0 rgb(183,195,240)
```
#c7d0f3
```
#c7d0f3 rgb(199,208,243)
```
#d7def7
```
#d7def7 rgb(215,222,247)
```
#e7ebfa
```
#e7ebfa rgb(231,235,250)
```
#f8f9fd
```
#f8f9fd rgb(248,249,253)
```

Tint Color Variation

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

#a9aaaf
```
#a9aaaf rgb(169,170,175)
```
#a3a7b5
```
#a3a7b5 rgb(163,167,181)
```
#9ca3bc
```
#9ca3bc rgb(156,163,188)
```
#969fc2
```
#969fc2 rgb(150,159,194)
```
#909cc8
```
#909cc8 rgb(144,156,200)
```
#8998cf
```
#8998cf rgb(137,152,207)
```
#8394d5
```
#8394d5 rgb(131,148,213)
```
#7c91dc
```
#7c91dc rgb(124,145,220)
```
#768de2
```
#768de2 rgb(118,141,226)
```
#7089e8
```
#7089e8 rgb(112,137,232)
```
#6986ef
```
#6986ef rgb(105,134,239)
```
#6382f5
```
#6382f5 rgb(99,130,245)
```
#5c7efc
```
#5c7efc rgb(92,126,252)
```

Tone Color Variation

Below, you can see how #768de2 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

#909090 Achromatopsia 0.005% of the population
#8b8fa0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7694e4 Protanopia 1% of men
#6b96e1 Deuteranopia 1% of men
#679fab Tritanopia 0.001% of the population

Trichromacy

#7691e3 Protanomaly 1% of men, 0.01% of women
#6f93e1 Deuteranomaly 6% of men, 0.4% of women
#6c98bf Tritanomaly 0.01% of the population

#768de2 hex color

#768de2 Color Information

#768de2 Color Conversion

Color Schemes with #768de2

Alternatives to #768de2

#768de2 Preview

Shades and Tints of #768de2

Tones of #768de2

Color Blindness Simulator