#76a5ec hex color

In a RGB color space, hex #76a5ec is composed of 46.3% red, 64.7% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 30.1% magenta, 0% yellow and 7.5% black. It has a hue angle of 216.1 degrees, a saturation of 75.6% and a lightness of 69.4%. #76a5ec color hex could be obtained by blending #ecffff with #004bd9. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 46
- G 65
- B 93
RGB color chart
- C 50
- M 30
- Y 0
- K 7
CMYK color chart

● #76a5ec color description : Soft blue.

The hexadecimal color #76a5ec has RGB values of R:118, G:165, B:236 and CMYK values of C:0.5, M:0.3, Y:0, K:0.07. Its decimal value is 7775724.

Hex triplet	76a5ec	`#76a5ec`
RGB Decimal	118, 165, 236	`rgb(118,165,236)`
RGB Percent	46.3, 64.7, 92.5	`rgb(46.3%,64.7%,92.5%)`
CMYK	50, 30, 0, 7
HSL	216.1°, 75.6, 69.4	`hsl(216.1,75.6%,69.4%)`
HSV (or HSB)	216.1°, 50, 92.5
Web Safe	6699ff	`#6699ff`

CIE-LAB	67.139, 3.618, -40.492
XYZ	36.063, 36.816, 84.558
xyY	0.229, 0.234, 36.816
CIE-LCH	67.139, 40.654, 275.106
CIE-LUV	67.139, -23.141, -65.29
Hunter-Lab	60.676, -0.091, -40.153
Binary	01110110, 10100101, 11101100

#76a5ec
```
#76a5ec rgb(118,165,236)
```
#ecbd76
```
#ecbd76 rgb(236,189,118)
```

Complementary Color

#76e0ec
```
#76e0ec rgb(118,224,236)
```
#76a5ec
```
#76a5ec rgb(118,165,236)
```
#8276ec
```
#8276ec rgb(130,118,236)
```

Analogous Color

#e0ec76
```
#e0ec76 rgb(224,236,118)
```
#76a5ec
```
#76a5ec rgb(118,165,236)
```
#ec8276
```
#ec8276 rgb(236,130,118)
```

Split Complementary Color

#a5ec76
```
#a5ec76 rgb(165,236,118)
```
#76a5ec
```
#76a5ec rgb(118,165,236)
```
#ec76a5
```
#ec76a5 rgb(236,118,165)
```

Triadic Color

#76ecbd
```
#76ecbd rgb(118,236,189)
```
#76a5ec
```
#76a5ec rgb(118,165,236)
```
#ec76a5
```
#ec76a5 rgb(236,118,165)
```
#ecbd76
```
#ecbd76 rgb(236,189,118)
```

Tetradic Color

#3379e3
```
#3379e3 rgb(51,121,227)
```
#4988e6
```
#4988e6 rgb(73,136,230)
```
#6096e9
```
#6096e9 rgb(96,150,233)
```
#76a5ec
```
#76a5ec rgb(118,165,236)
```
#8cb4ef
```
#8cb4ef rgb(140,180,239)
```
#a3c2f2
```
#a3c2f2 rgb(163,194,242)
```
#b9d1f5
```
#b9d1f5 rgb(185,209,245)
```

Monochromatic Color

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

#76c3ec
```
#76c3ec rgb(118,195,236)
```
#76b9ec
```
#76b9ec rgb(118,185,236)
```
#76afec
```
#76afec rgb(118,175,236)
```
#76a5ec
```
#76a5ec rgb(118,165,236)
```
#769bec
```
#769bec rgb(118,155,236)
```
#7691ec
```
#7691ec rgb(118,145,236)
```
#7688ec
```
#7688ec rgb(118,136,236)
```

Similar Colors

Text with hexadecimal color #76a5ec

This text has a font color of #76a5ec.

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

#76a5ec background color

This paragraph has a background color of #76a5ec.

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

#76a5ec border color

This element has a border color of #76a5ec.

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

CSS codes

.text {color:#76a5ec;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#030912
```
#030912 rgb(3,9,18)
```
#051123
```
#051123 rgb(5,17,35)
```
#071934
```
#071934 rgb(7,25,52)
```
#0a2246
```
#0a2246 rgb(10,34,70)
```
#0c2a57
```
#0c2a57 rgb(12,42,87)
```
#0e3268
```
#0e3268 rgb(14,50,104)
```
#113a79
```
#113a79 rgb(17,58,121)
```
#13438b
```
#13438b rgb(19,67,139)
```
#164b9c
```
#164b9c rgb(22,75,156)
```
#1853ad
```
#1853ad rgb(24,83,173)
```
#1a5cbe
```
#1a5cbe rgb(26,92,190)
```
#1d64d0
```
#1d64d0 rgb(29,100,208)
```

Shade Color Variation

#206ce0
```
#206ce0 rgb(32,108,224)
```
#3178e2
```
#3178e2 rgb(49,120,226)
```
#4283e5
```
#4283e5 rgb(66,131,229)
```
#548ee7
```
#548ee7 rgb(84,142,231)
```
#659aea
```
#659aea rgb(101,154,234)
```
#76a5ec
```
#76a5ec rgb(118,165,236)
```
#87b0ee
```
#87b0ee rgb(135,176,238)
```
#98bcf1
```
#98bcf1 rgb(152,188,241)
```
#aac7f3
```
#aac7f3 rgb(170,199,243)
```
#bbd2f6
```
#bbd2f6 rgb(187,210,246)
```
#ccdef8
```
#ccdef8 rgb(204,222,248)
```
#dde9fa
```
#dde9fa rgb(221,233,250)
```
#eff4fd
```
#eff4fd rgb(239,244,253)
```

Tint Color Variation

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

#acb0b6
```
#acb0b6 rgb(172,176,182)
```
#a6afbc
```
#a6afbc rgb(166,175,188)
```
#a0aec2
```
#a0aec2 rgb(160,174,194)
```
#9aacc8
```
#9aacc8 rgb(154,172,200)
```
#94abce
```
#94abce rgb(148,171,206)
```
#8eaad4
```
#8eaad4 rgb(142,170,212)
```
#88a9da
```
#88a9da rgb(136,169,218)
```
#82a7e0
```
#82a7e0 rgb(130,167,224)
```
#7ca6e6
```
#7ca6e6 rgb(124,166,230)
```
#76a5ec
```
#76a5ec rgb(118,165,236)
```
#70a4f2
```
#70a4f2 rgb(112,164,242)
```
#6aa3f8
```
#6aa3f8 rgb(106,163,248)
```
#64a1fe
```
#64a1fe rgb(100,161,254)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#97a0ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#90a5ea Protanopia 1% of men
#88a7ed Deuteranopia 1% of men
#6ab2bf Tritanopia 0.001% of the population

Trichromacy

#86a5ea Protanomaly 1% of men, 0.01% of women
#81a6ed Deuteranomaly 6% of men, 0.4% of women
#6eadcf Tritanomaly 0.01% of the population

#76a5ec hex color

#76a5ec Color Information

#76a5ec Color Conversion

Color Schemes with #76a5ec

Alternatives to #76a5ec

#76a5ec Preview

Shades and Tints of #76a5ec

Tones of #76a5ec

Color Blindness Simulator