#768ed4 hex color

In a RGB color space, hex #768ed4 is composed of 46.3% red, 55.7% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 44.3% cyan, 33% magenta, 0% yellow and 16.9% black. It has a hue angle of 224.7 degrees, a saturation of 52.2% and a lightness of 64.7%. #768ed4 color hex could be obtained by blending #ecffff with #001da9. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 46
- G 56
- B 83
RGB color chart
- C 44
- M 33
- Y 0
- K 17
CMYK color chart

● #768ed4 color description : Slightly desaturated blue.

The hexadecimal color #768ed4 has RGB values of R:118, G:142, B:212 and CMYK values of C:0.44, M:0.33, Y:0, K:0.17. Its decimal value is 7769812.

Hex triplet	768ed4	`#768ed4`
RGB Decimal	118, 142, 212	`rgb(118,142,212)`
RGB Percent	46.3, 55.7, 83.1	`rgb(46.3%,55.7%,83.1%)`
CMYK	44, 33, 0, 17
HSL	224.7°, 52.2, 64.7	`hsl(224.7,52.2%,64.7%)`
HSV (or HSB)	224.7°, 44.3, 83.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	59.843, 9.794, -38.624
XYZ	29.025, 27.95, 66.149
xyY	0.236, 0.227, 27.95
CIE-LCH	59.843, 39.847, 284.228
CIE-LUV	59.843, -14.25, -61.751
Hunter-Lab	52.868, 5.481, -37.178
Binary	01110110, 10001110, 11010100

#768ed4
```
#768ed4 rgb(118,142,212)
```
#d4bc76
```
#d4bc76 rgb(212,188,118)
```

Complementary Color

#76bdd4
```
#76bdd4 rgb(118,189,212)
```
#768ed4
```
#768ed4 rgb(118,142,212)
```
#8d76d4
```
#8d76d4 rgb(141,118,212)
```

Analogous Color

#bdd476
```
#bdd476 rgb(189,212,118)
```
#768ed4
```
#768ed4 rgb(118,142,212)
```
#d48d76
```
#d48d76 rgb(212,141,118)
```

Split Complementary Color

#8ed476
```
#8ed476 rgb(142,212,118)
```
#768ed4
```
#768ed4 rgb(118,142,212)
```
#d4768e
```
#d4768e rgb(212,118,142)
```

Triadic Color

#76d4bc
```
#76d4bc rgb(118,212,188)
```
#768ed4
```
#768ed4 rgb(118,142,212)
```
#d4768e
```
#d4768e rgb(212,118,142)
```
#d4bc76
```
#d4bc76 rgb(212,188,118)
```

Tetradic Color

#3d5ec1
```
#3d5ec1 rgb(61,94,193)
```
#4f6ec8
```
#4f6ec8 rgb(79,110,200)
```
#637ece
```
#637ece rgb(99,126,206)
```
#768ed4
```
#768ed4 rgb(118,142,212)
```
#899eda
```
#899eda rgb(137,158,218)
```
#9daee0
```
#9daee0 rgb(157,174,224)
```
#b0bee6
```
#b0bee6 rgb(176,190,230)
```

Monochromatic Color

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

#76a6d4
```
#76a6d4 rgb(118,166,212)
```
#769ed4
```
#769ed4 rgb(118,158,212)
```
#7696d4
```
#7696d4 rgb(118,150,212)
```
#768ed4
```
#768ed4 rgb(118,142,212)
```
#7686d4
```
#7686d4 rgb(118,134,212)
```
#767ed4
```
#767ed4 rgb(118,126,212)
```
#7677d4
```
#7677d4 rgb(118,119,212)
```

Similar Colors

Text with hexadecimal color #768ed4

This text has a font color of #768ed4.

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

#768ed4 background color

This paragraph has a background color of #768ed4.

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

#768ed4 border color

This element has a border color of #768ed4.

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

CSS codes

.text {color:#768ed4;}

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

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

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, #04060c is the darkest color, while #fcfdfe is the lightest one.

#04060c
```
#04060c rgb(4,6,12)
```
#090d1b
```
#090d1b rgb(9,13,27)
```
#0d152a
```
#0d152a rgb(13,21,42)
```
#121c39
```
#121c39 rgb(18,28,57)
```
#172348
```
#172348 rgb(23,35,72)
```
#1b2b57
```
#1b2b57 rgb(27,43,87)
```
#203266
```
#203266 rgb(32,50,102)
```
#253975
```
#253975 rgb(37,57,117)
```
#294084
```
#294084 rgb(41,64,132)
```
#2e4893
```
#2e4893 rgb(46,72,147)
```
#334fa2
```
#334fa2 rgb(51,79,162)
```
#3756b1
```
#3756b1 rgb(55,86,177)
```
#3c5ebf
```
#3c5ebf rgb(60,94,191)
```

Shade Color Variation

#4969c6
```
#4969c6 rgb(73,105,198)
```
#5875cb
```
#5875cb rgb(88,117,203)
```
#6782cf
```
#6782cf rgb(103,130,207)
```
#768ed4
```
#768ed4 rgb(118,142,212)
```
#859ad9
```
#859ad9 rgb(133,154,217)
```
#94a7dd
```
#94a7dd rgb(148,167,221)
```
#a3b3e2
```
#a3b3e2 rgb(163,179,226)
```
#b2bfe7
```
#b2bfe7 rgb(178,191,231)
```
#c1cceb
```
#c1cceb rgb(193,204,235)
```
#d0d8f0
```
#d0d8f0 rgb(208,216,240)
```
#dfe4f5
```
#dfe4f5 rgb(223,228,245)
```
#edf1f9
```
#edf1f9 rgb(237,241,249)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#a0a2aa
```
#a0a2aa rgb(160,162,170)
```
#999fb1
```
#999fb1 rgb(153,159,177)
```
#929cb8
```
#929cb8 rgb(146,156,184)
```
#8b98bf
```
#8b98bf rgb(139,152,191)
```
#8495c6
```
#8495c6 rgb(132,149,198)
```
#7d91cd
```
#7d91cd rgb(125,145,205)
```
#768ed4
```
#768ed4 rgb(118,142,212)
```
#6f8bdb
```
#6f8bdb rgb(111,139,219)
```
#6887e2
```
#6887e2 rgb(104,135,226)
```
#6184e9
```
#6184e9 rgb(97,132,233)
```
#5a80f0
```
#5a80f0 rgb(90,128,240)
```
#537df7
```
#537df7 rgb(83,125,247)
```
#4c7afe
```
#4c7afe rgb(76,122,254)
```

Tone Color Variation

Below, you can see how #768ed4 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
#8a8f9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d93d6 Protanopia 1% of men
#7795d5 Deuteranopia 1% of men
#6d9da8 Tritanopia 0.001% of the population

Trichromacy

#7b91d5 Protanomaly 1% of men, 0.01% of women
#7792d5 Deuteranomaly 6% of men, 0.4% of women
#7097b8 Tritanomaly 0.01% of the population

#768ed4 hex color

#768ed4 Color Information

#768ed4 Color Conversion

Color Schemes with #768ed4

Alternatives to #768ed4

#768ed4 Preview

Shades and Tints of #768ed4

Tones of #768ed4

Color Blindness Simulator