#76d5fe hex color

In a RGB color space, hex #76d5fe is composed of 46.3% red, 83.5% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 53.5% cyan, 16.1% magenta, 0% yellow and 0.4% black. It has a hue angle of 198.1 degrees, a saturation of 98.6% and a lightness of 72.9%. #76d5fe color hex could be obtained by blending #ecffff with #00abfd. Closest websafe color is: #66ccff.

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

● #76d5fe color description : Soft blue.

The hexadecimal color #76d5fe has RGB values of R:118, G:213, B:254 and CMYK values of C:0.54, M:0.16, Y:0, K:0. Its decimal value is 7788030.

Hex triplet	76d5fe	`#76d5fe`
RGB Decimal	118, 213, 254	`rgb(118,213,254)`
RGB Percent	46.3, 83.5, 99.6	`rgb(46.3%,83.5%,99.6%)`
CMYK	54, 16, 0, 0
HSL	198.1°, 98.6, 72.9	`hsl(198.1,98.6%,72.9%)`
HSV (or HSB)	198.1°, 53.5, 99.6
Web Safe	66ccff	`#66ccff`

CIE-LAB	81.067, -17.065, -28.643
XYZ	49.15, 58.593, 102.48
xyY	0.234, 0.279, 58.593
CIE-LCH	81.067, 33.341, 239.214
CIE-LUV	81.067, -40.796, -43.748
Hunter-Lab	76.546, -19.34, -25.796
Binary	01110110, 11010101, 11111110

#76d5fe
```
#76d5fe rgb(118,213,254)
```
#fe9f76
```
#fe9f76 rgb(254,159,118)
```

Complementary Color

#76fee3
```
#76fee3 rgb(118,254,227)
```
#76d5fe
```
#76d5fe rgb(118,213,254)
```
#7691fe
```
#7691fe rgb(118,145,254)
```

Analogous Color

#fee376
```
#fee376 rgb(254,227,118)
```
#76d5fe
```
#76d5fe rgb(118,213,254)
```
#fe7691
```
#fe7691 rgb(254,118,145)
```

Split Complementary Color

#d5fe76
```
#d5fe76 rgb(213,254,118)
```
#76d5fe
```
#76d5fe rgb(118,213,254)
```
#fe76d5
```
#fe76d5 rgb(254,118,213)
```

Triadic Color

#76fe9f
```
#76fe9f rgb(118,254,159)
```
#76d5fe
```
#76d5fe rgb(118,213,254)
```
#fe76d5
```
#fe76d5 rgb(254,118,213)
```
#fe9f76
```
#fe9f76 rgb(254,159,118)
```

Tetradic Color

#2abefd
```
#2abefd rgb(42,190,253)
```
#43c5fe
```
#43c5fe rgb(67,197,254)
```
#5dcdfe
```
#5dcdfe rgb(93,205,254)
```
#76d5fe
```
#76d5fe rgb(118,213,254)
```
#8fddfe
```
#8fddfe rgb(143,221,254)
```
#a9e5fe
```
#a9e5fe rgb(169,229,254)
```
#c2ecff
```
#c2ecff rgb(194,236,255)
```

Monochromatic Color

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

#76f7fe
```
#76f7fe rgb(118,247,254)
```
#76ecfe
```
#76ecfe rgb(118,236,254)
```
#76e0fe
```
#76e0fe rgb(118,224,254)
```
#76d5fe
```
#76d5fe rgb(118,213,254)
```
#76cafe
```
#76cafe rgb(118,202,254)
```
#76befe
```
#76befe rgb(118,190,254)
```
#76b3fe
```
#76b3fe rgb(118,179,254)
```

Similar Colors

Text with hexadecimal color #76d5fe

This text has a font color of #76d5fe.

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

#76d5fe background color

This paragraph has a background color of #76d5fe.

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

#76d5fe border color

This element has a border color of #76d5fe.

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

CSS codes

.text {color:#76d5fe;}

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

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

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

#000d13
```
#000d13 rgb(0,13,19)
```
#001b26
```
#001b26 rgb(0,27,38)
```
#00283a
```
#00283a rgb(0,40,58)
```
#01364d
```
#01364d rgb(1,54,77)
```
#014461
```
#014461 rgb(1,68,97)
```
#015174
```
#015174 rgb(1,81,116)
```
#015f88
```
#015f88 rgb(1,95,136)
```
#016d9b
```
#016d9b rgb(1,109,155)
```
#017aaf
```
#017aaf rgb(1,122,175)
```
#0188c2
```
#0188c2 rgb(1,136,194)
```
#0296d6
```
#0296d6 rgb(2,150,214)
```
#02a3e9
```
#02a3e9 rgb(2,163,233)
```
#02b1fc
```
#02b1fc rgb(2,177,252)
```

Shade Color Variation

#15b7fd
```
#15b7fd rgb(21,183,253)
```
#28bdfd
```
#28bdfd rgb(40,189,253)
```
#3cc3fe
```
#3cc3fe rgb(60,195,254)
```
#4fc9fe
```
#4fc9fe rgb(79,201,254)
```
#63cffe
```
#63cffe rgb(99,207,254)
```
#76d5fe
```
#76d5fe rgb(118,213,254)
```
#89dbfe
```
#89dbfe rgb(137,219,254)
```
#9de1fe
```
#9de1fe rgb(157,225,254)
```
#b0e7fe
```
#b0e7fe rgb(176,231,254)
```
#c4edff
```
#c4edff rgb(196,237,255)
```
#d7f3ff
```
#d7f3ff rgb(215,243,255)
```
#ebf9ff
```
#ebf9ff rgb(235,249,255)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#b6bcbe
```
#b6bcbe rgb(182,188,190)
```
#b0bec4
```
#b0bec4 rgb(176,190,196)
```
#abc0c9
```
#abc0c9 rgb(171,192,201)
```
#a6c2ce
```
#a6c2ce rgb(166,194,206)
```
#a0c4d4
```
#a0c4d4 rgb(160,196,212)
```
#9bc6d9
```
#9bc6d9 rgb(155,198,217)
```
#96c8de
```
#96c8de rgb(150,200,222)
```
#91cae3
```
#91cae3 rgb(145,202,227)
```
#8bcde9
```
#8bcde9 rgb(139,205,233)
```
#86cfee
```
#86cfee rgb(134,207,238)
```
#81d1f3
```
#81d1f3 rgb(129,209,243)
```
#7bd3f9
```
#7bd3f9 rgb(123,211,249)
```
#76d5fe
```
#76d5fe rgb(118,213,254)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#afc2ca Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1caf5 Protanopia 1% of men
#c0c9ff Deuteranopia 1% of men
#73daea Tritanopia 0.001% of the population

Trichromacy

#a6cef8 Protanomaly 1% of men, 0.01% of women
#a5cdfe Deuteranomaly 6% of men, 0.4% of women
#74d8f1 Tritanomaly 0.01% of the population

#76d5fe hex color

#76d5fe Color Information

#76d5fe Color Conversion

Color Schemes with #76d5fe

Alternatives to #76d5fe

#76d5fe Preview

Shades and Tints of #76d5fe

Tones of #76d5fe

Color Blindness Simulator