#76aaff hex color

In a RGB color space, hex #76aaff is composed of 46.3% red, 66.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 53.7% cyan, 33.3% magenta, 0% yellow and 0% black. It has a hue angle of 217.2 degrees, a saturation of 100% and a lightness of 73.1%. #76aaff color hex could be obtained by blending #ecffff with #0055ff. Closest websafe color is: #6699ff.

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

● #76aaff color description : Very light blue.

The hexadecimal color #76aaff has RGB values of R:118, G:170, B:255 and CMYK values of C:0.54, M:0.33, Y:0, K:0. Its decimal value is 7777023.

Hex triplet	76aaff	`#76aaff`
RGB Decimal	118, 170, 255	`rgb(118,170,255)`
RGB Percent	46.3, 66.7, 100	`rgb(46.3%,66.7%,100%)`
CMYK	54, 33, 0, 0
HSL	217.2°, 100, 73.1	`hsl(217.2,100%,73.1%)`
HSV (or HSB)	217.2°, 53.7, 100
Web Safe	6699ff	`#6699ff`

CIE-LAB	69.34, 6.51, -47.388
XYZ	39.892, 39.819, 100.186
xyY	0.222, 0.221, 39.819
CIE-LCH	69.34, 47.833, 277.823
CIE-LUV	69.34, -24.948, -77.676
Hunter-Lab	63.102, 2.415, -49.962
Binary	01110110, 10101010, 11111111

#76aaff
```
#76aaff rgb(118,170,255)
```
#ffcb76
```
#ffcb76 rgb(255,203,118)
```

Complementary Color

#76efff
```
#76efff rgb(118,239,255)
```
#76aaff
```
#76aaff rgb(118,170,255)
```
#8776ff
```
#8776ff rgb(135,118,255)
```

Analogous Color

#efff76
```
#efff76 rgb(239,255,118)
```
#76aaff
```
#76aaff rgb(118,170,255)
```
#ff8776
```
#ff8776 rgb(255,135,118)
```

Split Complementary Color

#aaff76
```
#aaff76 rgb(170,255,118)
```
#76aaff
```
#76aaff rgb(118,170,255)
```
#ff76aa
```
#ff76aa rgb(255,118,170)
```

Triadic Color

#76ffcb
```
#76ffcb rgb(118,255,203)
```
#76aaff
```
#76aaff rgb(118,170,255)
```
#ff76aa
```
#ff76aa rgb(255,118,170)
```
#ffcb76
```
#ffcb76 rgb(255,203,118)
```

Tetradic Color

#2a7bff
```
#2a7bff rgb(42,123,255)
```
#438aff
```
#438aff rgb(67,138,255)
```
#5d9aff
```
#5d9aff rgb(93,154,255)
```
#76aaff
```
#76aaff rgb(118,170,255)
```
#90baff
```
#90baff rgb(144,186,255)
```
#a9caff
```
#a9caff rgb(169,202,255)
```
#c3d9ff
```
#c3d9ff rgb(195,217,255)
```

Monochromatic Color

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

#76ccff
```
#76ccff rgb(118,204,255)
```
#76c1ff
```
#76c1ff rgb(118,193,255)
```
#76b5ff
```
#76b5ff rgb(118,181,255)
```
#76aaff
```
#76aaff rgb(118,170,255)
```
#769fff
```
#769fff rgb(118,159,255)
```
#7693ff
```
#7693ff rgb(118,147,255)
```
#7688ff
```
#7688ff rgb(118,136,255)
```

Similar Colors

Text with hexadecimal color #76aaff

This text has a font color of #76aaff.

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

#76aaff background color

This paragraph has a background color of #76aaff.

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

#76aaff border color

This element has a border color of #76aaff.

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

CSS codes

.text {color:#76aaff;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#000814
```
#000814 rgb(0,8,20)
```
#000f28
```
#000f28 rgb(0,15,40)
```
#00163b
```
#00163b rgb(0,22,59)
```
#001e4f
```
#001e4f rgb(0,30,79)
```
#002562
```
#002562 rgb(0,37,98)
```
#002d76
```
#002d76 rgb(0,45,118)
```
#00348a
```
#00348a rgb(0,52,138)
```
#003c9d
```
#003c9d rgb(0,60,157)
```
#0043b1
```
#0043b1 rgb(0,67,177)
```
#004bc4
```
#004bc4 rgb(0,75,196)
```
#0052d8
```
#0052d8 rgb(0,82,216)
```
#0059ec
```
#0059ec rgb(0,89,236)
```

Shade Color Variation

#0061ff
```
#0061ff rgb(0,97,255)
```
#146dff
```
#146dff rgb(20,109,255)
```
#2879ff
```
#2879ff rgb(40,121,255)
```
#3b85ff
```
#3b85ff rgb(59,133,255)
```
#4f92ff
```
#4f92ff rgb(79,146,255)
```
#629eff
```
#629eff rgb(98,158,255)
```
#76aaff
```
#76aaff rgb(118,170,255)
```
#8ab6ff
```
#8ab6ff rgb(138,182,255)
```
#9dc2ff
```
#9dc2ff rgb(157,194,255)
```
#b1cfff
```
#b1cfff rgb(177,207,255)
```
#c4dbff
```
#c4dbff rgb(196,219,255)
```
#d8e7ff
```
#d8e7ff rgb(216,231,255)
```
#ecf3ff
```
#ecf3ff rgb(236,243,255)
```

Tint Color Variation

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

#b5b9c0
```
#b5b9c0 rgb(181,185,192)
```
#b0b8c5
```
#b0b8c5 rgb(176,184,197)
```
#abb7ca
```
#abb7ca rgb(171,183,202)
```
#a5b5d0
```
#a5b5d0 rgb(165,181,208)
```
#a0b4d5
```
#a0b4d5 rgb(160,180,213)
```
#9bb3da
```
#9bb3da rgb(155,179,218)
```
#96b2df
```
#96b2df rgb(150,178,223)
```
#90b0e5
```
#90b0e5 rgb(144,176,229)
```
#8bafea
```
#8bafea rgb(139,175,234)
```
#86aeef
```
#86aeef rgb(134,174,239)
```
#81adf4
```
#81adf4 rgb(129,173,244)
```
#7babfa
```
#7babfa rgb(123,171,250)
```
#76aaff
```
#76aaff rgb(118,170,255)
```

Tone Color Variation

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

#8fabfc Protanopia 1% of men
#82adff Deuteranopia 1% of men
#62bac7 Tritanopia 0.001% of the population

Trichromacy

#86aafd Protanomaly 1% of men, 0.01% of women
#7dacff Deuteranomaly 6% of men, 0.4% of women
#69b4db Tritanomaly 0.01% of the population

#76aaff hex color

#76aaff Color Information

#76aaff Color Conversion

Color Schemes with #76aaff

Alternatives to #76aaff

#76aaff Preview

Shades and Tints of #76aaff

Tones of #76aaff

Color Blindness Simulator