#76dafd hex color

In a RGB color space, hex #76dafd is composed of 46.3% red, 85.5% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 53.4% cyan, 13.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 195.6 degrees, a saturation of 97.1% and a lightness of 72.7%. #76dafd color hex could be obtained by blending #ecffff with #00b5fb. Closest websafe color is: #66ccff.

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

● #76dafd color description : Soft blue.

The hexadecimal color #76dafd has RGB values of R:118, G:218, B:253 and CMYK values of C:0.53, M:0.14, Y:0, K:0.01. Its decimal value is 7789309.

Hex triplet	76dafd	`#76dafd`
RGB Decimal	118, 218, 253	`rgb(118,218,253)`
RGB Percent	46.3, 85.5, 99.2	`rgb(46.3%,85.5%,99.2%)`
CMYK	53, 14, 0, 1
HSL	195.6°, 97.1, 72.7	`hsl(195.6,97.1%,72.7%)`
HSV (or HSB)	195.6°, 53.4, 99.2
Web Safe	66ccff	`#66ccff`

CIE-LAB	82.423, -19.892, -26.039
XYZ	50.268, 61.083, 102.064
xyY	0.236, 0.286, 61.083
CIE-LCH	82.423, 32.768, 232.623
CIE-LUV	82.423, -42.702, -38.987
Hunter-Lab	78.156, -21.965, -22.719
Binary	01110110, 11011010, 11111101

#76dafd
```
#76dafd rgb(118,218,253)
```
#fd9976
```
#fd9976 rgb(253,153,118)
```

Complementary Color

#76fddd
```
#76fddd rgb(118,253,221)
```
#76dafd
```
#76dafd rgb(118,218,253)
```
#7697fd
```
#7697fd rgb(118,151,253)
```

Analogous Color

#fddd76
```
#fddd76 rgb(253,221,118)
```
#76dafd
```
#76dafd rgb(118,218,253)
```
#fd7697
```
#fd7697 rgb(253,118,151)
```

Split Complementary Color

#dafd76
```
#dafd76 rgb(218,253,118)
```
#76dafd
```
#76dafd rgb(118,218,253)
```
#fd76da
```
#fd76da rgb(253,118,218)
```

Triadic Color

#76fd99
```
#76fd99 rgb(118,253,153)
```
#76dafd
```
#76dafd rgb(118,218,253)
```
#fd76da
```
#fd76da rgb(253,118,218)
```
#fd9976
```
#fd9976 rgb(253,153,118)
```

Tetradic Color

#2bc6fc
```
#2bc6fc rgb(43,198,252)
```
#44ccfc
```
#44ccfc rgb(68,204,252)
```
#5dd3fd
```
#5dd3fd rgb(93,211,253)
```
#76dafd
```
#76dafd rgb(118,218,253)
```
#8fe1fd
```
#8fe1fd rgb(143,225,253)
```
#a8e8fe
```
#a8e8fe rgb(168,232,254)
```
#c1eefe
```
#c1eefe rgb(193,238,254)
```

Monochromatic Color

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

#76fcfd
```
#76fcfd rgb(118,252,253)
```
#76f1fd
```
#76f1fd rgb(118,241,253)
```
#76e5fd
```
#76e5fd rgb(118,229,253)
```
#76dafd
```
#76dafd rgb(118,218,253)
```
#76cffd
```
#76cffd rgb(118,207,253)
```
#76c4fd
```
#76c4fd rgb(118,196,253)
```
#76b8fd
```
#76b8fd rgb(118,184,253)
```

Similar Colors

Text with hexadecimal color #76dafd

This text has a font color of #76dafd.

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

#76dafd background color

This paragraph has a background color of #76dafd.

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

#76dafd border color

This element has a border color of #76dafd.

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

CSS codes

.text {color:#76dafd;}

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

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

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, #000d12 is the darkest color, while #fdffff is the lightest one.

#000d12
```
#000d12 rgb(0,13,18)
```
#011c25
```
#011c25 rgb(1,28,37)
```
#012a38
```
#012a38 rgb(1,42,56)
```
#01384c
```
#01384c rgb(1,56,76)
```
#01475f
```
#01475f rgb(1,71,95)
```
#025572
```
#025572 rgb(2,85,114)
```
#026486
```
#026486 rgb(2,100,134)
```
#027299
```
#027299 rgb(2,114,153)
```
#0380ac
```
#0380ac rgb(3,128,172)
```
#038fc0
```
#038fc0 rgb(3,143,192)
```
#039dd3
```
#039dd3 rgb(3,157,211)
```
#03abe6
```
#03abe6 rgb(3,171,230)
```
#04bafa
```
#04bafa rgb(4,186,250)
```

Shade Color Variation

#15c0fc
```
#15c0fc rgb(21,192,252)
```
#29c5fc
```
#29c5fc rgb(41,197,252)
```
#3ccafc
```
#3ccafc rgb(60,202,252)
```
#4fd0fc
```
#4fd0fc rgb(79,208,252)
```
#63d5fd
```
#63d5fd rgb(99,213,253)
```
#76dafd
```
#76dafd rgb(118,218,253)
```
#89dffd
```
#89dffd rgb(137,223,253)
```
#9de4fe
```
#9de4fe rgb(157,228,254)
```
#b0eafe
```
#b0eafe rgb(176,234,254)
```
#c3effe
```
#c3effe rgb(195,239,254)
```
#d7f4fe
```
#d7f4fe rgb(215,244,254)
```
#eaf9ff
```
#eaf9ff rgb(234,249,255)
```
#fdffff
```
#fdffff rgb(253,255,255)
```

Tint Color Variation

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

#b6bbbd
```
#b6bbbd rgb(182,187,189)
```
#b1bec2
```
#b1bec2 rgb(177,190,194)
```
#abc0c8
```
#abc0c8 rgb(171,192,200)
```
#a6c3cd
```
#a6c3cd rgb(166,195,205)
```
#a1c5d2
```
#a1c5d2 rgb(161,197,210)
```
#9bc8d8
```
#9bc8d8 rgb(155,200,216)
```
#96cbdd
```
#96cbdd rgb(150,203,221)
```
#91cde2
```
#91cde2 rgb(145,205,226)
```
#8bd0e8
```
#8bd0e8 rgb(139,208,232)
```
#86d2ed
```
#86d2ed rgb(134,210,237)
```
#81d5f2
```
#81d5f2 rgb(129,213,242)
```
#7bd7f8
```
#7bd7f8 rgb(123,215,248)
```
#76dafd
```
#76dafd rgb(118,218,253)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#b1c5cc Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7cdf4 Protanopia 1% of men
#c7ccff Deuteranopia 1% of men
#76deee Tritanopia 0.001% of the population

Trichromacy

#a9d2f7 Protanomaly 1% of men, 0.01% of women
#a9d1fe Deuteranomaly 6% of men, 0.4% of women
#76dcf3 Tritanomaly 0.01% of the population

#76dafd hex color

#76dafd Color Information

#76dafd Color Conversion

Color Schemes with #76dafd

Alternatives to #76dafd

#76dafd Preview

Shades and Tints of #76dafd

Tones of #76dafd

Color Blindness Simulator