#76b5f5 hex color

In a RGB color space, hex #76b5f5 is composed of 46.3% red, 71% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 51.8% cyan, 26.1% magenta, 0% yellow and 3.9% black. It has a hue angle of 210.2 degrees, a saturation of 86.4% and a lightness of 71.2%. #76b5f5 color hex could be obtained by blending #ecffff with #006beb. Closest websafe color is: #66ccff.

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

● #76b5f5 color description : Soft blue.

The hexadecimal color #76b5f5 has RGB values of R:118, G:181, B:245 and CMYK values of C:0.52, M:0.26, Y:0, K:0.04. Its decimal value is 7779829.

Hex triplet	76b5f5	`#76b5f5`
RGB Decimal	118, 181, 245	`rgb(118,181,245)`
RGB Percent	46.3, 71, 96.1	`rgb(46.3%,71%,96.1%)`
CMYK	52, 26, 0, 4
HSL	210.2°, 86.4, 71.2	`hsl(210.2,86.4%,71.2%)`
HSV (or HSB)	210.2°, 51.8, 96.1
Web Safe	66ccff	`#66ccff`

CIE-LAB	71.886, -2.655, -37.989
XYZ	40.473, 43.49, 92.643
xyY	0.229, 0.246, 43.49
CIE-LCH	71.886, 38.082, 266.003
CIE-LUV	71.886, -29.036, -60.869
Hunter-Lab	65.947, -5.858, -37.129
Binary	01110110, 10110101, 11110101

#76b5f5
```
#76b5f5 rgb(118,181,245)
```
#f5b676
```
#f5b676 rgb(245,182,118)
```

Complementary Color

#76f5f5
```
#76f5f5 rgb(118,245,245)
```
#76b5f5
```
#76b5f5 rgb(118,181,245)
```
#7776f5
```
#7776f5 rgb(119,118,245)
```

Analogous Color

#f5f576
```
#f5f576 rgb(245,245,118)
```
#76b5f5
```
#76b5f5 rgb(118,181,245)
```
#f57776
```
#f57776 rgb(245,119,118)
```

Split Complementary Color

#b5f576
```
#b5f576 rgb(181,245,118)
```
#76b5f5
```
#76b5f5 rgb(118,181,245)
```
#f576b5
```
#f576b5 rgb(245,118,181)
```

Triadic Color

#76f5b6
```
#76f5b6 rgb(118,245,182)
```
#76b5f5
```
#76b5f5 rgb(118,181,245)
```
#f576b5
```
#f576b5 rgb(245,118,181)
```
#f5b676
```
#f5b676 rgb(245,182,118)
```

Tetradic Color

#2f8ef0
```
#2f8ef0 rgb(47,142,240)
```
#469bf2
```
#469bf2 rgb(70,155,242)
```
#5ea8f3
```
#5ea8f3 rgb(94,168,243)
```
#76b5f5
```
#76b5f5 rgb(118,181,245)
```
#8ec2f7
```
#8ec2f7 rgb(142,194,247)
```
#a6cff8
```
#a6cff8 rgb(166,207,248)
```
#bddcfa
```
#bddcfa rgb(189,220,250)
```

Monochromatic Color

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

#76d5f5
```
#76d5f5 rgb(118,213,245)
```
#76caf5
```
#76caf5 rgb(118,202,245)
```
#76c0f5
```
#76c0f5 rgb(118,192,245)
```
#76b5f5
```
#76b5f5 rgb(118,181,245)
```
#76aaf5
```
#76aaf5 rgb(118,170,245)
```
#76a0f5
```
#76a0f5 rgb(118,160,245)
```
#7695f5
```
#7695f5 rgb(118,149,245)
```

Similar Colors

Text with hexadecimal color #76b5f5

This text has a font color of #76b5f5.

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

#76b5f5 background color

This paragraph has a background color of #76b5f5.

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

#76b5f5 border color

This element has a border color of #76b5f5.

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

CSS codes

.text {color:#76b5f5;}

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

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

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)
```
#020f1c
```
#020f1c rgb(2,15,28)
```
#03182e
```
#03182e rgb(3,24,46)
```
#052240
```
#052240 rgb(5,34,64)
```
#062c52
```
#062c52 rgb(6,44,82)
```
#073665
```
#073665 rgb(7,54,101)
```
#093f77
```
#093f77 rgb(9,63,119)
```
#0a4989
```
#0a4989 rgb(10,73,137)
```
#0b539b
```
#0b539b rgb(11,83,155)
```
#0d5dae
```
#0d5dae rgb(13,93,174)
```
#0e66c0
```
#0e66c0 rgb(14,102,192)
```
#0f70d2
```
#0f70d2 rgb(15,112,210)
```
#117ae5
```
#117ae5 rgb(17,122,229)
```

Shade Color Variation

#1b84ee
```
#1b84ee rgb(27,132,238)
```
#2d8ef0
```
#2d8ef0 rgb(45,142,240)
```
#3f97f1
```
#3f97f1 rgb(63,151,241)
```
#51a1f2
```
#51a1f2 rgb(81,161,242)
```
#64abf4
```
#64abf4 rgb(100,171,244)
```
#76b5f5
```
#76b5f5 rgb(118,181,245)
```
#88bff6
```
#88bff6 rgb(136,191,246)
```
#9bc9f8
```
#9bc9f8 rgb(155,201,248)
```
#add3f9
```
#add3f9 rgb(173,211,249)
```
#bfdcfa
```
#bfdcfa rgb(191,220,250)
```
#d1e6fc
```
#d1e6fc rgb(209,230,252)
```
#e4f0fd
```
#e4f0fd rgb(228,240,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 #70b5fb is the most saturated one.

#b4b5b7
```
#b4b5b7 rgb(180,181,183)
```
#afb5bc
```
#afb5bc rgb(175,181,188)
```
#a9b5c2
```
#a9b5c2 rgb(169,181,194)
```
#a3b5c8
```
#a3b5c8 rgb(163,181,200)
```
#9eb5cd
```
#9eb5cd rgb(158,181,205)
```
#98b5d3
```
#98b5d3 rgb(152,181,211)
```
#92b5d9
```
#92b5d9 rgb(146,181,217)
```
#8db5de
```
#8db5de rgb(141,181,222)
```
#87b5e4
```
#87b5e4 rgb(135,181,228)
```
#81b5ea
```
#81b5ea rgb(129,181,234)
```
#7cb5ef
```
#7cb5ef rgb(124,181,239)
```
#76b5f5
```
#76b5f5 rgb(118,181,245)
```
#70b5fb
```
#70b5fb rgb(112,181,251)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#9fabb8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0b2f0 Protanopia 1% of men
#99b2f7 Deuteranopia 1% of men
#6bc0ce Tritanopia 0.001% of the population

Trichromacy

#90b3f2 Protanomaly 1% of men, 0.01% of women
#8cb3f6 Deuteranomaly 6% of men, 0.4% of women
#6fbcdc Tritanomaly 0.01% of the population

#76b5f5 hex color

#76b5f5 Color Information

#76b5f5 Color Conversion

Color Schemes with #76b5f5

Alternatives to #76b5f5

#76b5f5 Preview

Shades and Tints of #76b5f5

Tones of #76b5f5

Color Blindness Simulator