#76affe hex color

In a RGB color space, hex #76affe is composed of 46.3% red, 68.6% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 53.5% cyan, 31.1% magenta, 0% yellow and 0.4% black. It has a hue angle of 214.9 degrees, a saturation of 98.6% and a lightness of 72.9%. #76affe color hex could be obtained by blending #ecffff with #005ffd. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 46
- G 69
- B 100
RGB color chart
- C 54
- M 31
- Y 0
- K 0
CMYK color chart

● #76affe color description : Soft blue.

The hexadecimal color #76affe has RGB values of R:118, G:175, B:254 and CMYK values of C:0.54, M:0.31, Y:0, K:0. Its decimal value is 7778302.

Hex triplet	76affe	`#76affe`
RGB Decimal	118, 175, 254	`rgb(118,175,254)`
RGB Percent	46.3, 68.6, 99.6	`rgb(46.3%,68.6%,99.6%)`
CMYK	54, 31, 0, 0
HSL	214.9°, 98.6, 72.9	`hsl(214.9,98.6%,72.9%)`
HSV (or HSB)	214.9°, 53.5, 99.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	70.639, 3.38, -44.806
XYZ	40.687, 41.665, 99.659
xyY	0.224, 0.229, 41.665
CIE-LCH	70.639, 44.934, 274.314
CIE-LUV	70.639, -26.748, -73.102
Hunter-Lab	64.548, -0.447, -46.356
Binary	01110110, 10101111, 11111110

#76affe
```
#76affe rgb(118,175,254)
```
#fec576
```
#fec576 rgb(254,197,118)
```

Complementary Color

#76f3fe
```
#76f3fe rgb(118,243,254)
```
#76affe
```
#76affe rgb(118,175,254)
```
#8176fe
```
#8176fe rgb(129,118,254)
```

Analogous Color

#f3fe76
```
#f3fe76 rgb(243,254,118)
```
#76affe
```
#76affe rgb(118,175,254)
```
#fe8176
```
#fe8176 rgb(254,129,118)
```

Split Complementary Color

#affe76
```
#affe76 rgb(175,254,118)
```
#76affe
```
#76affe rgb(118,175,254)
```
#fe76af
```
#fe76af rgb(254,118,175)
```

Triadic Color

#76fec5
```
#76fec5 rgb(118,254,197)
```
#76affe
```
#76affe rgb(118,175,254)
```
#fe76af
```
#fe76af rgb(254,118,175)
```
#fec576
```
#fec576 rgb(254,197,118)
```

Tetradic Color

#2a83fd
```
#2a83fd rgb(42,131,253)
```
#4391fe
```
#4391fe rgb(67,145,254)
```
#5da0fe
```
#5da0fe rgb(93,160,254)
```
#76affe
```
#76affe rgb(118,175,254)
```
#8fbefe
```
#8fbefe rgb(143,190,254)
```
#a9cdfe
```
#a9cdfe rgb(169,205,254)
```
#c2dbff
```
#c2dbff rgb(194,219,255)
```

Monochromatic Color

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

#76d1fe
```
#76d1fe rgb(118,209,254)
```
#76c6fe
```
#76c6fe rgb(118,198,254)
```
#76bafe
```
#76bafe rgb(118,186,254)
```
#76affe
```
#76affe rgb(118,175,254)
```
#76a4fe
```
#76a4fe rgb(118,164,254)
```
#7698fe
```
#7698fe rgb(118,152,254)
```
#768dfe
```
#768dfe rgb(118,141,254)
```

Similar Colors

Text with hexadecimal color #76affe

This text has a font color of #76affe.

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

#76affe background color

This paragraph has a background color of #76affe.

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

#76affe border color

This element has a border color of #76affe.

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

CSS codes

.text {color:#76affe;}

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

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

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

#000813
```
#000813 rgb(0,8,19)
```
#001026
```
#001026 rgb(0,16,38)
```
#00183a
```
#00183a rgb(0,24,58)
```
#01214d
```
#01214d rgb(1,33,77)
```
#012961
```
#012961 rgb(1,41,97)
```
#013174
```
#013174 rgb(1,49,116)
```
#013988
```
#013988 rgb(1,57,136)
```
#01429b
```
#01429b rgb(1,66,155)
```
#014aaf
```
#014aaf rgb(1,74,175)
```
#0152c2
```
#0152c2 rgb(1,82,194)
```
#025ad6
```
#025ad6 rgb(2,90,214)
```
#0263e9
```
#0263e9 rgb(2,99,233)
```
#026bfc
```
#026bfc rgb(2,107,252)
```

Shade Color Variation

#1576fd
```
#1576fd rgb(21,118,253)
```
#2882fd
```
#2882fd rgb(40,130,253)
```
#3c8dfe
```
#3c8dfe rgb(60,141,254)
```
#4f98fe
```
#4f98fe rgb(79,152,254)
```
#63a4fe
```
#63a4fe rgb(99,164,254)
```
#76affe
```
#76affe rgb(118,175,254)
```
#89bafe
```
#89bafe rgb(137,186,254)
```
#9dc6fe
```
#9dc6fe rgb(157,198,254)
```
#b0d1fe
```
#b0d1fe rgb(176,209,254)
```
#c4dcff
```
#c4dcff rgb(196,220,255)
```
#d7e8ff
```
#d7e8ff rgb(215,232,255)
```
#ebf3ff
```
#ebf3ff rgb(235,243,255)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#b6b9be
```
#b6b9be rgb(182,185,190)
```
#b0b8c4
```
#b0b8c4 rgb(176,184,196)
```
#abb8c9
```
#abb8c9 rgb(171,184,201)
```
#a6b7ce
```
#a6b7ce rgb(166,183,206)
```
#a0b6d4
```
#a0b6d4 rgb(160,182,212)
```
#9bb5d9
```
#9bb5d9 rgb(155,181,217)
```
#96b4de
```
#96b4de rgb(150,180,222)
```
#91b3e3
```
#91b3e3 rgb(145,179,227)
```
#8bb2e9
```
#8bb2e9 rgb(139,178,233)
```
#86b2ee
```
#86b2ee rgb(134,178,238)
```
#81b1f3
```
#81b1f3 rgb(129,177,243)
```
#7bb0f9
```
#7bb0f9 rgb(123,176,249)
```
#76affe
```
#76affe rgb(118,175,254)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#9da9b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#95aefa Protanopia 1% of men
#8ab0ff Deuteranopia 1% of men
#65bdcb Tritanopia 0.001% of the population

Trichromacy

#8aaefb Protanomaly 1% of men, 0.01% of women
#83affe Deuteranomaly 6% of men, 0.4% of women
#6bb8dd Tritanomaly 0.01% of the population

#76affe hex color

#76affe Color Information

#76affe Color Conversion

Color Schemes with #76affe

Alternatives to #76affe

#76affe Preview

Shades and Tints of #76affe

Tones of #76affe

Color Blindness Simulator