#768ec2 hex color

In a RGB color space, hex #768ec2 is composed of 46.3% red, 55.7% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 39.2% cyan, 26.8% magenta, 0% yellow and 23.9% black. It has a hue angle of 221.1 degrees, a saturation of 38.4% and a lightness of 61.2%. #768ec2 color hex could be obtained by blending #ecffff with #001d85. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 46
- G 56
- B 76
RGB color chart
- C 39
- M 27
- Y 0
- K 24
CMYK color chart

● #768ec2 color description : Slightly desaturated blue.

The hexadecimal color #768ec2 has RGB values of R:118, G:142, B:194 and CMYK values of C:0.39, M:0.27, Y:0, K:0.24. Its decimal value is 7769794.

Hex triplet	768ec2	`#768ec2`
RGB Decimal	118, 142, 194	`rgb(118,142,194)`
RGB Percent	46.3, 55.7, 76.1	`rgb(46.3%,55.7%,76.1%)`
CMYK	39, 27, 0, 24
HSL	221.1°, 38.4, 61.2	`hsl(221.1,38.4%,61.2%)`
HSV (or HSB)	221.1°, 39.2, 76.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	59.059, 4.665, -29.723
XYZ	26.88, 27.092, 54.849
xyY	0.247, 0.249, 27.092
CIE-LCH	59.059, 30.087, 278.919
CIE-LUV	59.059, -13.806, -46.424
Hunter-Lab	52.05, 1.095, -26.044
Binary	01110110, 10001110, 11000010

#768ec2
```
#768ec2 rgb(118,142,194)
```
#c2aa76
```
#c2aa76 rgb(194,170,118)
```

Complementary Color

#76b4c2
```
#76b4c2 rgb(118,180,194)
```
#768ec2
```
#768ec2 rgb(118,142,194)
```
#8476c2
```
#8476c2 rgb(132,118,194)
```

Analogous Color

#b4c276
```
#b4c276 rgb(180,194,118)
```
#768ec2
```
#768ec2 rgb(118,142,194)
```
#c28476
```
#c28476 rgb(194,132,118)
```

Split Complementary Color

#8ec276
```
#8ec276 rgb(142,194,118)
```
#768ec2
```
#768ec2 rgb(118,142,194)
```
#c2768e
```
#c2768e rgb(194,118,142)
```

Triadic Color

#76c2aa
```
#76c2aa rgb(118,194,170)
```
#768ec2
```
#768ec2 rgb(118,142,194)
```
#c2768e
```
#c2768e rgb(194,118,142)
```
#c2aa76
```
#c2aa76 rgb(194,170,118)
```

Tetradic Color

#4965a3
```
#4965a3 rgb(73,101,163)
```
#5371b2
```
#5371b2 rgb(83,113,178)
```
#647fba
```
#647fba rgb(100,127,186)
```
#768ec2
```
#768ec2 rgb(118,142,194)
```
#889dca
```
#889dca rgb(136,157,202)
```
#99abd2
```
#99abd2 rgb(153,171,210)
```
#abbada
```
#abbada rgb(171,186,218)
```

Monochromatic Color

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

#76a1c2
```
#76a1c2 rgb(118,161,194)
```
#769bc2
```
#769bc2 rgb(118,155,194)
```
#7694c2
```
#7694c2 rgb(118,148,194)
```
#768ec2
```
#768ec2 rgb(118,142,194)
```
#7688c2
```
#7688c2 rgb(118,136,194)
```
#7681c2
```
#7681c2 rgb(118,129,194)
```
#767bc2
```
#767bc2 rgb(118,123,194)
```

Similar Colors

Text with hexadecimal color #768ec2

This text has a font color of #768ec2.

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

#768ec2 background color

This paragraph has a background color of #768ec2.

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

#768ec2 border color

This element has a border color of #768ec2.

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

CSS codes

.text {color:#768ec2;}

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

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

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

#05080c
```
#05080c rgb(5,8,12)
```
#0c101a
```
#0c101a rgb(12,16,26)
```
#121827
```
#121827 rgb(18,24,39)
```
#182135
```
#182135 rgb(24,33,53)
```
#1e2943
```
#1e2943 rgb(30,41,67)
```
#243250
```
#243250 rgb(36,50,80)
```
#2a3a5e
```
#2a3a5e rgb(42,58,94)
```
#30436b
```
#30436b rgb(48,67,107)
```
#364b79
```
#364b79 rgb(54,75,121)
```
#3c5386
```
#3c5386 rgb(60,83,134)
```
#425c94
```
#425c94 rgb(66,92,148)
```
#4864a2
```
#4864a2 rgb(72,100,162)
```
#4e6daf
```
#4e6daf rgb(78,109,175)
```

Shade Color Variation

#5b78b6
```
#5b78b6 rgb(91,120,182)
```
#6883bc
```
#6883bc rgb(104,131,188)
```
#768ec2
```
#768ec2 rgb(118,142,194)
```
#8499c8
```
#8499c8 rgb(132,153,200)
```
#91a4ce
```
#91a4ce rgb(145,164,206)
```
#9fb0d4
```
#9fb0d4 rgb(159,176,212)
```
#acbbda
```
#acbbda rgb(172,187,218)
```
#bac6e0
```
#bac6e0 rgb(186,198,224)
```
#c7d1e6
```
#c7d1e6 rgb(199,209,230)
```
#d5dcec
```
#d5dcec rgb(213,220,236)
```
#e3e8f2
```
#e3e8f2 rgb(227,232,242)
```
#f0f3f8
```
#f0f3f8 rgb(240,243,248)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9499a4 is the less saturated color, while #3978ff is the most saturated one.

#9499a4
```
#9499a4 rgb(148,153,164)
```
#8d96ab
```
#8d96ab rgb(141,150,171)
```
#8594b3
```
#8594b3 rgb(133,148,179)
```
#7e91ba
```
#7e91ba rgb(126,145,186)
```
#768ec2
```
#768ec2 rgb(118,142,194)
```
#6e8bca
```
#6e8bca rgb(110,139,202)
```
#6788d1
```
#6788d1 rgb(103,136,209)
```
#5f86d9
```
#5f86d9 rgb(95,134,217)
```
#5883e0
```
#5883e0 rgb(88,131,224)
```
#5080e8
```
#5080e8 rgb(80,128,232)
```
#487df0
```
#487df0 rgb(72,125,240)
```
#417af7
```
#417af7 rgb(65,122,247)
```
#3978ff
```
#3978ff rgb(57,120,255)
```

Tone Color Variation

Below, you can see how #768ec2 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
#888d98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8492c4 Protanopia 1% of men
#8392c5 Deuteranopia 1% of men
#739aa5 Tritanopia 0.001% of the population

Trichromacy

#7f90c3 Protanomaly 1% of men, 0.01% of women
#7e90c4 Deuteranomaly 6% of men, 0.4% of women
#7495af Tritanomaly 0.01% of the population

#768ec2 hex color

#768ec2 Color Information

#768ec2 Color Conversion

Color Schemes with #768ec2

Alternatives to #768ec2

#768ec2 Preview

Shades and Tints of #768ec2

Tones of #768ec2

Color Blindness Simulator