#76c2e2 hex color

In a RGB color space, hex #76c2e2 is composed of 46.3% red, 76.1% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 47.8% cyan, 14.2% magenta, 0% yellow and 11.4% black. It has a hue angle of 197.8 degrees, a saturation of 65.1% and a lightness of 67.5%. #76c2e2 color hex could be obtained by blending #ecffff with #0085c5. Closest websafe color is: #66cccc.

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

● #76c2e2 color description : Soft blue.

The hexadecimal color #76c2e2 has RGB values of R:118, G:194, B:226 and CMYK values of C:0.48, M:0.14, Y:0, K:0.11. Its decimal value is 7783138.

Hex triplet	76c2e2	`#76c2e2`
RGB Decimal	118, 194, 226	`rgb(118,194,226)`
RGB Percent	46.3, 76.1, 88.6	`rgb(46.3%,76.1%,88.6%)`
CMYK	48, 14, 0, 11
HSL	197.8°, 65.1, 67.5	`hsl(197.8,65.1%,67.5%)`
HSV (or HSB)	197.8°, 47.8, 88.6
Web Safe	66cccc	`#66cccc`

CIE-LAB	74.777, -15.07, -23.252
XYZ	40.487, 47.924, 79.064
xyY	0.242, 0.286, 47.924
CIE-LCH	74.777, 27.709, 237.052
CIE-LUV	74.777, -34.343, -34.532
Hunter-Lab	69.227, -16.752, -19.256
Binary	01110110, 11000010, 11100010

#76c2e2
```
#76c2e2 rgb(118,194,226)
```
#e29676
```
#e29676 rgb(226,150,118)
```

Complementary Color

#76e2cc
```
#76e2cc rgb(118,226,204)
```
#76c2e2
```
#76c2e2 rgb(118,194,226)
```
#768ce2
```
#768ce2 rgb(118,140,226)
```

Analogous Color

#e2cc76
```
#e2cc76 rgb(226,204,118)
```
#76c2e2
```
#76c2e2 rgb(118,194,226)
```
#e2768c
```
#e2768c rgb(226,118,140)
```

Split Complementary Color

#c2e276
```
#c2e276 rgb(194,226,118)
```
#76c2e2
```
#76c2e2 rgb(118,194,226)
```
#e276c2
```
#e276c2 rgb(226,118,194)
```

Triadic Color

#76e296
```
#76e296 rgb(118,226,150)
```
#76c2e2
```
#76c2e2 rgb(118,194,226)
```
#e276c2
```
#e276c2 rgb(226,118,194)
```
#e29676
```
#e29676 rgb(226,150,118)
```

Tetradic Color

#37a6d5
```
#37a6d5 rgb(55,166,213)
```
#4cafd9
```
#4cafd9 rgb(76,175,217)
```
#61b9de
```
#61b9de rgb(97,185,222)
```
#76c2e2
```
#76c2e2 rgb(118,194,226)
```
#8bcbe6
```
#8bcbe6 rgb(139,203,230)
```
#a0d5eb
```
#a0d5eb rgb(160,213,235)
```
#b5deef
```
#b5deef rgb(181,222,239)
```

Monochromatic Color

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

#76dde2
```
#76dde2 rgb(118,221,226)
```
#76d4e2
```
#76d4e2 rgb(118,212,226)
```
#76cbe2
```
#76cbe2 rgb(118,203,226)
```
#76c2e2
```
#76c2e2 rgb(118,194,226)
```
#76b9e2
```
#76b9e2 rgb(118,185,226)
```
#76b0e2
```
#76b0e2 rgb(118,176,226)
```
#76a7e2
```
#76a7e2 rgb(118,167,226)
```

Similar Colors

Text with hexadecimal color #76c2e2

This text has a font color of #76c2e2.

<span style="color:#76c2e2;">Text here</span>

#76c2e2 background color

This paragraph has a background color of #76c2e2.

<p style="background-color:#76c2e2;">Content here</p>

#76c2e2 border color

This element has a border color of #76c2e2.

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

CSS codes

.text {color:#76c2e2;}

.background {background-color:#76c2e2;}

.border {border:1px solid #76c2e2;}

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

#020709
```
#020709 rgb(2,7,9)
```
#051319
```
#051319 rgb(5,19,25)
```
#091f29
```
#091f29 rgb(9,31,41)
```
#0c2c39
```
#0c2c39 rgb(12,44,57)
```
#103849
```
#103849 rgb(16,56,73)
```
#13455a
```
#13455a rgb(19,69,90)
```
#16516a
```
#16516a rgb(22,81,106)
```
#1a5e7a
```
#1a5e7a rgb(26,94,122)
```
#1d6a8a
```
#1d6a8a rgb(29,106,138)
```
#21769a
```
#21769a rgb(33,118,154)
```
#2483ab
```
#2483ab rgb(36,131,171)
```
#288fbb
```
#288fbb rgb(40,143,187)
```
#2b9ccb
```
#2b9ccb rgb(43,156,203)
```

Shade Color Variation

#35a5d4
```
#35a5d4 rgb(53,165,212)
```
#45acd8
```
#45acd8 rgb(69,172,216)
```
#56b4db
```
#56b4db rgb(86,180,219)
```
#66bbdf
```
#66bbdf rgb(102,187,223)
```
#76c2e2
```
#76c2e2 rgb(118,194,226)
```
#86c9e5
```
#86c9e5 rgb(134,201,229)
```
#96d0e9
```
#96d0e9 rgb(150,208,233)
```
#a7d8ec
```
#a7d8ec rgb(167,216,236)
```
#b7dff0
```
#b7dff0 rgb(183,223,240)
```
#c7e6f3
```
#c7e6f3 rgb(199,230,243)
```
#d7edf7
```
#d7edf7 rgb(215,237,247)
```
#e7f4fa
```
#e7f4fa rgb(231,244,250)
```
#f8fcfd
```
#f8fcfd rgb(248,252,253)
```

Tint Color Variation

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

#a9adaf
```
#a9adaf rgb(169,173,175)
```
#a3b0b5
```
#a3b0b5 rgb(163,176,181)
```
#9cb2bc
```
#9cb2bc rgb(156,178,188)
```
#96b5c2
```
#96b5c2 rgb(150,181,194)
```
#90b8c8
```
#90b8c8 rgb(144,184,200)
```
#89bacf
```
#89bacf rgb(137,186,207)
```
#83bdd5
```
#83bdd5 rgb(131,189,213)
```
#7cbfdc
```
#7cbfdc rgb(124,191,220)
```
#76c2e2
```
#76c2e2 rgb(118,194,226)
```
#70c5e8
```
#70c5e8 rgb(112,197,232)
```
#69c7ef
```
#69c7ef rgb(105,199,239)
```
#63caf5
```
#63caf5 rgb(99,202,245)
```
#5cccfc
```
#5cccfc rgb(92,204,252)
```

Tone Color Variation

Below, you can see how #76c2e2 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

#afafaf Achromatopsia 0.005% of the population
#a4b3b9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4badc Protanopia 1% of men
#b4b8e8 Deuteranopia 1% of men
#77c7d6 Tritanopia 0.001% of the population

Trichromacy

#9dbdde Protanomaly 1% of men, 0.01% of women
#9dbbe5 Deuteranomaly 6% of men, 0.4% of women
#77c5da Tritanomaly 0.01% of the population

#76c2e2 hex color

#76c2e2 Color Information

#76c2e2 Color Conversion

Color Schemes with #76c2e2

Alternatives to #76c2e2

#76c2e2 Preview

Shades and Tints of #76c2e2

Tones of #76c2e2

Color Blindness Simulator