#76aefe hex color

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

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

● #76aefe color description : Soft blue.

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

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

CIE-LAB	70.37, 3.943, -45.229
XYZ	40.493, 41.277, 99.594
xyY	0.223, 0.228, 41.277
CIE-LCH	70.37, 45.401, 274.982
CIE-LUV	70.37, -26.387, -73.852
Hunter-Lab	64.247, 0.069, -46.936
Binary	01110110, 10101110, 11111110

#76aefe
```
#76aefe rgb(118,174,254)
```
#fec676
```
#fec676 rgb(254,198,118)
```

Complementary Color

#76f2fe
```
#76f2fe rgb(118,242,254)
```
#76aefe
```
#76aefe rgb(118,174,254)
```
#8276fe
```
#8276fe rgb(130,118,254)
```

Analogous Color

#f2fe76
```
#f2fe76 rgb(242,254,118)
```
#76aefe
```
#76aefe rgb(118,174,254)
```
#fe8276
```
#fe8276 rgb(254,130,118)
```

Split Complementary Color

#aefe76
```
#aefe76 rgb(174,254,118)
```
#76aefe
```
#76aefe rgb(118,174,254)
```
#fe76ae
```
#fe76ae rgb(254,118,174)
```

Triadic Color

#76fec6
```
#76fec6 rgb(118,254,198)
```
#76aefe
```
#76aefe rgb(118,174,254)
```
#fe76ae
```
#fe76ae rgb(254,118,174)
```
#fec676
```
#fec676 rgb(254,198,118)
```

Tetradic Color

#2a81fd
```
#2a81fd rgb(42,129,253)
```
#4390fe
```
#4390fe rgb(67,144,254)
```
#5d9ffe
```
#5d9ffe rgb(93,159,254)
```
#76aefe
```
#76aefe rgb(118,174,254)
```
#8fbdfe
```
#8fbdfe rgb(143,189,254)
```
#a9ccfe
```
#a9ccfe rgb(169,204,254)
```
#c2dbff
```
#c2dbff rgb(194,219,255)
```

Monochromatic Color

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

#76d0fe
```
#76d0fe rgb(118,208,254)
```
#76c5fe
```
#76c5fe rgb(118,197,254)
```
#76b9fe
```
#76b9fe rgb(118,185,254)
```
#76aefe
```
#76aefe rgb(118,174,254)
```
#76a3fe
```
#76a3fe rgb(118,163,254)
```
#7697fe
```
#7697fe rgb(118,151,254)
```
#768cfe
```
#768cfe rgb(118,140,254)
```

Similar Colors

Text with hexadecimal color #76aefe

This text has a font color of #76aefe.

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

#76aefe background color

This paragraph has a background color of #76aefe.

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

#76aefe border color

This element has a border color of #76aefe.

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

CSS codes

.text {color:#76aefe;}

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

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

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)
```
#01204d
```
#01204d rgb(1,32,77)
```
#012861
```
#012861 rgb(1,40,97)
```
#013074
```
#013074 rgb(1,48,116)
```
#013888
```
#013888 rgb(1,56,136)
```
#01419b
```
#01419b rgb(1,65,155)
```
#0149af
```
#0149af rgb(1,73,175)
```
#0151c2
```
#0151c2 rgb(1,81,194)
```
#0259d6
```
#0259d6 rgb(2,89,214)
```
#0261e9
```
#0261e9 rgb(2,97,233)
```
#0269fc
```
#0269fc rgb(2,105,252)
```

Shade Color Variation

#1574fd
```
#1574fd rgb(21,116,253)
```
#2880fd
```
#2880fd rgb(40,128,253)
```
#3c8bfe
```
#3c8bfe rgb(60,139,254)
```
#4f97fe
```
#4f97fe rgb(79,151,254)
```
#63a2fe
```
#63a2fe rgb(99,162,254)
```
#76aefe
```
#76aefe rgb(118,174,254)
```
#89bafe
```
#89bafe rgb(137,186,254)
```
#9dc5fe
```
#9dc5fe rgb(157,197,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 #76aefe is the most saturated one.

#b6b9be
```
#b6b9be rgb(182,185,190)
```
#b0b8c4
```
#b0b8c4 rgb(176,184,196)
```
#abb7c9
```
#abb7c9 rgb(171,183,201)
```
#a6b6ce
```
#a6b6ce rgb(166,182,206)
```
#a0b5d4
```
#a0b5d4 rgb(160,181,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)
```
#86b1ee
```
#86b1ee rgb(134,177,238)
```
#81b0f3
```
#81b0f3 rgb(129,176,243)
```
#7baff9
```
#7baff9 rgb(123,175,249)
```
#76aefe
```
#76aefe rgb(118,174,254)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#9ca8b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#94adfa Protanopia 1% of men
#89afff Deuteranopia 1% of men
#64bcca Tritanopia 0.001% of the population

Trichromacy

#89adfb Protanomaly 1% of men, 0.01% of women
#82affe Deuteranomaly 6% of men, 0.4% of women
#6bb7dd Tritanomaly 0.01% of the population

#76aefe hex color

#76aefe Color Information

#76aefe Color Conversion

Color Schemes with #76aefe

Alternatives to #76aefe

#76aefe Preview

Shades and Tints of #76aefe

Tones of #76aefe

Color Blindness Simulator