#76b1f5 hex color

In a RGB color space, hex #76b1f5 is composed of 46.3% red, 69.4% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 51.8% cyan, 27.8% magenta, 0% yellow and 3.9% black. It has a hue angle of 212.1 degrees, a saturation of 86.4% and a lightness of 71.2%. #76b1f5 color hex could be obtained by blending #ecffff with #0063eb. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 46
- G 69
- B 96
RGB color chart
- C 52
- M 28
- Y 0
- K 4
CMYK color chart

● #76b1f5 color description : Soft blue.

The hexadecimal color #76b1f5 has RGB values of R:118, G:177, B:245 and CMYK values of C:0.52, M:0.28, Y:0, K:0.04. Its decimal value is 7778805.

Hex triplet	76b1f5	`#76b1f5`
RGB Decimal	118, 177, 245	`rgb(118,177,245)`
RGB Percent	46.3, 69.4, 96.1	`rgb(46.3%,69.4%,96.1%)`
CMYK	52, 28, 0, 4
HSL	212.1°, 86.4, 71.2	`hsl(212.1,86.4%,71.2%)`
HSV (or HSB)	212.1°, 51.8, 96.1
Web Safe	6699ff	`#6699ff`

CIE-LAB	70.792, -0.441, -39.692
XYZ	39.671, 41.886, 92.376
xyY	0.228, 0.241, 41.886
CIE-LCH	70.792, 39.694, 269.363
CIE-LUV	70.792, -27.551, -63.922
Hunter-Lab	64.72, -3.845, -39.322
Binary	01110110, 10110001, 11110101

#76b1f5
```
#76b1f5 rgb(118,177,245)
```
#f5ba76
```
#f5ba76 rgb(245,186,118)
```

Complementary Color

#76f1f5
```
#76f1f5 rgb(118,241,245)
```
#76b1f5
```
#76b1f5 rgb(118,177,245)
```
#7b76f5
```
#7b76f5 rgb(123,118,245)
```

Analogous Color

#f1f576
```
#f1f576 rgb(241,245,118)
```
#76b1f5
```
#76b1f5 rgb(118,177,245)
```
#f57b76
```
#f57b76 rgb(245,123,118)
```

Split Complementary Color

#b1f576
```
#b1f576 rgb(177,245,118)
```
#76b1f5
```
#76b1f5 rgb(118,177,245)
```
#f576b1
```
#f576b1 rgb(245,118,177)
```

Triadic Color

#76f5ba
```
#76f5ba rgb(118,245,186)
```
#76b1f5
```
#76b1f5 rgb(118,177,245)
```
#f576b1
```
#f576b1 rgb(245,118,177)
```
#f5ba76
```
#f5ba76 rgb(245,186,118)
```

Tetradic Color

#2f88f0
```
#2f88f0 rgb(47,136,240)
```
#4696f2
```
#4696f2 rgb(70,150,242)
```
#5ea3f3
```
#5ea3f3 rgb(94,163,243)
```
#76b1f5
```
#76b1f5 rgb(118,177,245)
```
#8ebff7
```
#8ebff7 rgb(142,191,247)
```
#a6ccf8
```
#a6ccf8 rgb(166,204,248)
```
#bddafa
```
#bddafa rgb(189,218,250)
```

Monochromatic Color

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

#76d1f5
```
#76d1f5 rgb(118,209,245)
```
#76c6f5
```
#76c6f5 rgb(118,198,245)
```
#76bcf5
```
#76bcf5 rgb(118,188,245)
```
#76b1f5
```
#76b1f5 rgb(118,177,245)
```
#76a6f5
```
#76a6f5 rgb(118,166,245)
```
#769cf5
```
#769cf5 rgb(118,156,245)
```
#7691f5
```
#7691f5 rgb(118,145,245)
```

Similar Colors

Text with hexadecimal color #76b1f5

This text has a font color of #76b1f5.

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

#76b1f5 background color

This paragraph has a background color of #76b1f5.

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

#76b1f5 border color

This element has a border color of #76b1f5.

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

CSS codes

.text {color:#76b1f5;}

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

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

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

#010509
```
#010509 rgb(1,5,9)
```
#020e1c
```
#020e1c rgb(2,14,28)
```
#03172e
```
#03172e rgb(3,23,46)
```
#052040
```
#052040 rgb(5,32,64)
```
#062952
```
#062952 rgb(6,41,82)
```
#073365
```
#073365 rgb(7,51,101)
```
#093c77
```
#093c77 rgb(9,60,119)
```
#0a4589
```
#0a4589 rgb(10,69,137)
```
#0b4e9b
```
#0b4e9b rgb(11,78,155)
```
#0d58ae
```
#0d58ae rgb(13,88,174)
```
#0e61c0
```
#0e61c0 rgb(14,97,192)
```
#0f6ad2
```
#0f6ad2 rgb(15,106,210)
```
#1173e5
```
#1173e5 rgb(17,115,229)
```

Shade Color Variation

#1b7dee
```
#1b7dee rgb(27,125,238)
```
#2d87f0
```
#2d87f0 rgb(45,135,240)
```
#3f92f1
```
#3f92f1 rgb(63,146,241)
```
#519cf2
```
#519cf2 rgb(81,156,242)
```
#64a7f4
```
#64a7f4 rgb(100,167,244)
```
#76b1f5
```
#76b1f5 rgb(118,177,245)
```
#88bbf6
```
#88bbf6 rgb(136,187,246)
```
#9bc6f8
```
#9bc6f8 rgb(155,198,248)
```
#add0f9
```
#add0f9 rgb(173,208,249)
```
#bfdbfa
```
#bfdbfa rgb(191,219,250)
```
#d1e5fc
```
#d1e5fc rgb(209,229,252)
```
#e4effd
```
#e4effd rgb(228,239,253)
```
#f6fafe
```
#f6fafe rgb(246,250,254)
```

Tint Color Variation

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

#b4b5b7
```
#b4b5b7 rgb(180,181,183)
```
#afb5bc
```
#afb5bc rgb(175,181,188)
```
#a9b5c2
```
#a9b5c2 rgb(169,181,194)
```
#a3b4c8
```
#a3b4c8 rgb(163,180,200)
```
#9eb4cd
```
#9eb4cd rgb(158,180,205)
```
#98b3d3
```
#98b3d3 rgb(152,179,211)
```
#92b3d9
```
#92b3d9 rgb(146,179,217)
```
#8db3de
```
#8db3de rgb(141,179,222)
```
#87b2e4
```
#87b2e4 rgb(135,178,228)
```
#81b2ea
```
#81b2ea rgb(129,178,234)
```
#7cb1ef
```
#7cb1ef rgb(124,177,239)
```
#76b1f5
```
#76b1f5 rgb(118,177,245)
```
#70b1fb
```
#70b1fb rgb(112,177,251)
```

Tone Color Variation

Below, you can see how #76b1f5 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
#9da9b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9baff1 Protanopia 1% of men
#93b0f7 Deuteranopia 1% of men
#6abdcb Tritanopia 0.001% of the population

Trichromacy

#8daff2 Protanomaly 1% of men, 0.01% of women
#88b0f6 Deuteranomaly 6% of men, 0.4% of women
#6eb8da Tritanomaly 0.01% of the population

#76b1f5 hex color

#76b1f5 Color Information

#76b1f5 Color Conversion

Color Schemes with #76b1f5

Alternatives to #76b1f5

#76b1f5 Preview

Shades and Tints of #76b1f5

Tones of #76b1f5

Color Blindness Simulator