#768ed8 hex color

In a RGB color space, hex #768ed8 is composed of 46.3% red, 55.7% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 45.4% cyan, 34.3% magenta, 0% yellow and 15.3% black. It has a hue angle of 225.3 degrees, a saturation of 55.7% and a lightness of 65.5%. #768ed8 color hex could be obtained by blending #ecffff with #001db1. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 46
- G 56
- B 85
RGB color chart
- C 45
- M 34
- Y 0
- K 15
CMYK color chart

● #768ed8 color description : Slightly desaturated blue.

The hexadecimal color #768ed8 has RGB values of R:118, G:142, B:216 and CMYK values of C:0.45, M:0.34, Y:0, K:0.15. Its decimal value is 7769816.

Hex triplet	768ed8	`#768ed8`
RGB Decimal	118, 142, 216	`rgb(118,142,216)`
RGB Percent	46.3, 55.7, 84.7	`rgb(46.3%,55.7%,84.7%)`
CMYK	45, 34, 0, 15
HSL	225.3°, 55.7, 65.5	`hsl(225.3,55.7%,65.5%)`
HSV (or HSB)	225.3°, 45.4, 84.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	60.028, 10.963, -40.573
XYZ	29.536, 28.154, 68.84
xyY	0.233, 0.223, 28.154
CIE-LCH	60.028, 42.028, 285.12
CIE-LUV	60.028, -14.35, -65.132
Hunter-Lab	53.061, 6.506, -39.779
Binary	01110110, 10001110, 11011000

#768ed8
```
#768ed8 rgb(118,142,216)
```
#d8c076
```
#d8c076 rgb(216,192,118)
```

Complementary Color

#76bfd8
```
#76bfd8 rgb(118,191,216)
```
#768ed8
```
#768ed8 rgb(118,142,216)
```
#8f76d8
```
#8f76d8 rgb(143,118,216)
```

Analogous Color

#bfd876
```
#bfd876 rgb(191,216,118)
```
#768ed8
```
#768ed8 rgb(118,142,216)
```
#d88f76
```
#d88f76 rgb(216,143,118)
```

Split Complementary Color

#8ed876
```
#8ed876 rgb(142,216,118)
```
#768ed8
```
#768ed8 rgb(118,142,216)
```
#d8768e
```
#d8768e rgb(216,118,142)
```

Triadic Color

#76d8c0
```
#76d8c0 rgb(118,216,192)
```
#768ed8
```
#768ed8 rgb(118,142,216)
```
#d8768e
```
#d8768e rgb(216,118,142)
```
#d8c076
```
#d8c076 rgb(216,192,118)
```

Tetradic Color

#3a5dc7
```
#3a5dc7 rgb(58,93,199)
```
#4e6dcd
```
#4e6dcd rgb(78,109,205)
```
#627ed2
```
#627ed2 rgb(98,126,210)
```
#768ed8
```
#768ed8 rgb(118,142,216)
```
#8a9ede
```
#8a9ede rgb(138,158,222)
```
#9eafe3
```
#9eafe3 rgb(158,175,227)
```
#b2bfe9
```
#b2bfe9 rgb(178,191,233)
```

Monochromatic Color

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

#76a7d8
```
#76a7d8 rgb(118,167,216)
```
#769ed8
```
#769ed8 rgb(118,158,216)
```
#7696d8
```
#7696d8 rgb(118,150,216)
```
#768ed8
```
#768ed8 rgb(118,142,216)
```
#7686d8
```
#7686d8 rgb(118,134,216)
```
#767ed8
```
#767ed8 rgb(118,126,216)
```
#7776d8
```
#7776d8 rgb(119,118,216)
```

Similar Colors

Text with hexadecimal color #768ed8

This text has a font color of #768ed8.

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

#768ed8 background color

This paragraph has a background color of #768ed8.

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

#768ed8 border color

This element has a border color of #768ed8.

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

CSS codes

.text {color:#768ed8;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#040710
```
#040710 rgb(4,7,16)
```
#090e1f
```
#090e1f rgb(9,14,31)
```
#0d152e
```
#0d152e rgb(13,21,46)
```
#121c3d
```
#121c3d rgb(18,28,61)
```
#16234d
```
#16234d rgb(22,35,77)
```
#1a2a5c
```
#1a2a5c rgb(26,42,92)
```
#1f316b
```
#1f316b rgb(31,49,107)
```
#23387b
```
#23387b rgb(35,56,123)
```
#273f8a
```
#273f8a rgb(39,63,138)
```
#2c4699
```
#2c4699 rgb(44,70,153)
```
#304da8
```
#304da8 rgb(48,77,168)
```
#3454b8
```
#3454b8 rgb(52,84,184)
```

Shade Color Variation

#395cc7
```
#395cc7 rgb(57,92,199)
```
#4868cb
```
#4868cb rgb(72,104,203)
```
#5775cf
```
#5775cf rgb(87,117,207)
```
#6781d4
```
#6781d4 rgb(103,129,212)
```
#768ed8
```
#768ed8 rgb(118,142,216)
```
#859bdc
```
#859bdc rgb(133,155,220)
```
#95a7e1
```
#95a7e1 rgb(149,167,225)
```
#a4b4e5
```
#a4b4e5 rgb(164,180,229)
```
#b3c0e9
```
#b3c0e9 rgb(179,192,233)
```
#c2cdee
```
#c2cdee rgb(194,205,238)
```
#d2daf2
```
#d2daf2 rgb(210,218,242)
```
#e1e6f6
```
#e1e6f6 rgb(225,230,246)
```
#f0f3fb
```
#f0f3fb rgb(240,243,251)
```

Tint Color Variation

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

#a5a6a9
```
#a5a6a9 rgb(165,166,169)
```
#9fa3af
```
#9fa3af rgb(159,163,175)
```
#989fb6
```
#989fb6 rgb(152,159,182)
```
#919cbd
```
#919cbd rgb(145,156,189)
```
#8a98c4
```
#8a98c4 rgb(138,152,196)
```
#8495ca
```
#8495ca rgb(132,149,202)
```
#7d91d1
```
#7d91d1 rgb(125,145,209)
```
#768ed8
```
#768ed8 rgb(118,142,216)
```
#6f8bdf
```
#6f8bdf rgb(111,139,223)
```
#6887e6
```
#6887e6 rgb(104,135,230)
```
#6284ec
```
#6284ec rgb(98,132,236)
```
#5b80f3
```
#5b80f3 rgb(91,128,243)
```
#547dfa
```
#547dfa rgb(84,125,250)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#8a8f9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c94da Protanopia 1% of men
#7595d9 Deuteranopia 1% of men
#6b9ea9 Tritanopia 0.001% of the population

Trichromacy

#7991d9 Protanomaly 1% of men, 0.01% of women
#7592d8 Deuteranomaly 6% of men, 0.4% of women
#6f98ba Tritanomaly 0.01% of the population

#768ed8 hex color

#768ed8 Color Information

#768ed8 Color Conversion

Color Schemes with #768ed8

Alternatives to #768ed8

#768ed8 Preview

Shades and Tints of #768ed8

Tones of #768ed8

Color Blindness Simulator