#76aafd hex color

In a RGB color space, hex #76aafd is composed of 46.3% red, 66.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 53.4% cyan, 32.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 216.9 degrees, a saturation of 97.1% and a lightness of 72.7%. #76aafd color hex could be obtained by blending #ecffff with #0055fb. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 46
- G 67
- B 99
RGB color chart
- C 53
- M 33
- Y 0
- K 1
CMYK color chart

● #76aafd color description : Soft blue.

The hexadecimal color #76aafd has RGB values of R:118, G:170, B:253 and CMYK values of C:0.53, M:0.33, Y:0, K:0.01. Its decimal value is 7777021.

Hex triplet	76aafd	`#76aafd`
RGB Decimal	118, 170, 253	`rgb(118,170,253)`
RGB Percent	46.3, 66.7, 99.2	`rgb(46.3%,66.7%,99.2%)`
CMYK	53, 33, 0, 1
HSL	216.9°, 97.1, 72.7	`hsl(216.9,97.1%,72.7%)`
HSV (or HSB)	216.9°, 53.4, 99.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	69.249, 5.901, -46.448
XYZ	39.572, 39.691, 98.499
xyY	0.223, 0.223, 39.691
CIE-LCH	69.249, 46.821, 277.24
CIE-LUV	69.249, -24.953, -75.988
Hunter-Lab	63.001, 1.867, -48.597
Binary	01110110, 10101010, 11111101

#76aafd
```
#76aafd rgb(118,170,253)
```
#fdc976
```
#fdc976 rgb(253,201,118)
```

Complementary Color

#76eefd
```
#76eefd rgb(118,238,253)
```
#76aafd
```
#76aafd rgb(118,170,253)
```
#8676fd
```
#8676fd rgb(134,118,253)
```

Analogous Color

#eefd76
```
#eefd76 rgb(238,253,118)
```
#76aafd
```
#76aafd rgb(118,170,253)
```
#fd8676
```
#fd8676 rgb(253,134,118)
```

Split Complementary Color

#aafd76
```
#aafd76 rgb(170,253,118)
```
#76aafd
```
#76aafd rgb(118,170,253)
```
#fd76aa
```
#fd76aa rgb(253,118,170)
```

Triadic Color

#76fdc9
```
#76fdc9 rgb(118,253,201)
```
#76aafd
```
#76aafd rgb(118,170,253)
```
#fd76aa
```
#fd76aa rgb(253,118,170)
```
#fdc976
```
#fdc976 rgb(253,201,118)
```

Tetradic Color

#2b7bfc
```
#2b7bfc rgb(43,123,252)
```
#448bfc
```
#448bfc rgb(68,139,252)
```
#5d9afd
```
#5d9afd rgb(93,154,253)
```
#76aafd
```
#76aafd rgb(118,170,253)
```
#8fbafd
```
#8fbafd rgb(143,186,253)
```
#a8c9fe
```
#a8c9fe rgb(168,201,254)
```
#c1d9fe
```
#c1d9fe rgb(193,217,254)
```

Monochromatic Color

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

#76ccfd
```
#76ccfd rgb(118,204,253)
```
#76c1fd
```
#76c1fd rgb(118,193,253)
```
#76b5fd
```
#76b5fd rgb(118,181,253)
```
#76aafd
```
#76aafd rgb(118,170,253)
```
#769ffd
```
#769ffd rgb(118,159,253)
```
#7694fd
```
#7694fd rgb(118,148,253)
```
#7688fd
```
#7688fd rgb(118,136,253)
```

Similar Colors

Text with hexadecimal color #76aafd

This text has a font color of #76aafd.

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

#76aafd background color

This paragraph has a background color of #76aafd.

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

#76aafd border color

This element has a border color of #76aafd.

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

CSS codes

.text {color:#76aafd;}

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

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

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

#000712
```
#000712 rgb(0,7,18)
```
#010f25
```
#010f25 rgb(1,15,37)
```
#011638
```
#011638 rgb(1,22,56)
```
#011e4c
```
#011e4c rgb(1,30,76)
```
#01255f
```
#01255f rgb(1,37,95)
```
#022d72
```
#022d72 rgb(2,45,114)
```
#023586
```
#023586 rgb(2,53,134)
```
#023c99
```
#023c99 rgb(2,60,153)
```
#0344ac
```
#0344ac rgb(3,68,172)
```
#034cc0
```
#034cc0 rgb(3,76,192)
```
#0353d3
```
#0353d3 rgb(3,83,211)
```
#035be6
```
#035be6 rgb(3,91,230)
```
#0462fa
```
#0462fa rgb(4,98,250)
```

Shade Color Variation

#156efc
```
#156efc rgb(21,110,252)
```
#297afc
```
#297afc rgb(41,122,252)
```
#3c86fc
```
#3c86fc rgb(60,134,252)
```
#4f92fc
```
#4f92fc rgb(79,146,252)
```
#639efd
```
#639efd rgb(99,158,253)
```
#76aafd
```
#76aafd rgb(118,170,253)
```
#89b6fd
```
#89b6fd rgb(137,182,253)
```
#9dc2fe
```
#9dc2fe rgb(157,194,254)
```
#b0cefe
```
#b0cefe rgb(176,206,254)
```
#c3dafe
```
#c3dafe rgb(195,218,254)
```
#d7e6fe
```
#d7e6fe rgb(215,230,254)
```
#eaf2ff
```
#eaf2ff rgb(234,242,255)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#b6b9bd
```
#b6b9bd rgb(182,185,189)
```
#b1b8c2
```
#b1b8c2 rgb(177,184,194)
```
#abb6c8
```
#abb6c8 rgb(171,182,200)
```
#a6b5cd
```
#a6b5cd rgb(166,181,205)
```
#a1b4d2
```
#a1b4d2 rgb(161,180,210)
```
#9bb3d8
```
#9bb3d8 rgb(155,179,216)
```
#96b1dd
```
#96b1dd rgb(150,177,221)
```
#91b0e2
```
#91b0e2 rgb(145,176,226)
```
#8bafe8
```
#8bafe8 rgb(139,175,232)
```
#86aeed
```
#86aeed rgb(134,174,237)
```
#81acf2
```
#81acf2 rgb(129,172,242)
```
#7babf8
```
#7babf8 rgb(123,171,248)
```
#76aafd
```
#76aafd rgb(118,170,253)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#9ba5b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#90aafa Protanopia 1% of men
#83adfd Deuteranopia 1% of men
#64b9c7 Tritanopia 0.001% of the population

Trichromacy

#86aafb Protanomaly 1% of men, 0.01% of women
#7eabfd Deuteranomaly 6% of men, 0.4% of women
#6ab4da Tritanomaly 0.01% of the population

#76aafd hex color

#76aafd Color Information

#76aafd Color Conversion

Color Schemes with #76aafd

Alternatives to #76aafd

#76aafd Preview

Shades and Tints of #76aafd

Tones of #76aafd

Color Blindness Simulator