#76a1bd hex color

In a RGB color space, hex #76a1bd is composed of 46.3% red, 63.1% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 37.6% cyan, 14.8% magenta, 0% yellow and 25.9% black. It has a hue angle of 203.7 degrees, a saturation of 35% and a lightness of 60.2%. #76a1bd color hex could be obtained by blending #ecffff with #00437b. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 46
- G 63
- B 74
RGB color chart
- C 38
- M 15
- Y 0
- K 26
CMYK color chart

● #76a1bd color description : Slightly desaturated blue.

The hexadecimal color #76a1bd has RGB values of R:118, G:161, B:189 and CMYK values of C:0.38, M:0.15, Y:0, K:0.26. Its decimal value is 7774653.

Hex triplet	76a1bd	`#76a1bd`
RGB Decimal	118, 161, 189	`rgb(118,161,189)`
RGB Percent	46.3, 63.1, 74.1	`rgb(46.3%,63.1%,74.1%)`
CMYK	38, 15, 0, 26
HSL	203.7°, 35, 60.2	`hsl(203.7,35%,60.2%)`
HSV (or HSB)	203.7°, 37.6, 74.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	64.172, -7.426, -19.063
XYZ	29.399, 33.014, 52.965
xyY	0.255, 0.286, 33.014
CIE-LCH	64.172, 20.459, 248.717
CIE-LUV	64.172, -21.515, -28.051
Hunter-Lab	57.458, -9.219, -14.433
Binary	01110110, 10100001, 10111101

#76a1bd
```
#76a1bd rgb(118,161,189)
```
#bd9276
```
#bd9276 rgb(189,146,118)
```

Complementary Color

#76bdb6
```
#76bdb6 rgb(118,189,182)
```
#76a1bd
```
#76a1bd rgb(118,161,189)
```
#767ebd
```
#767ebd rgb(118,126,189)
```

Analogous Color

#bdb676
```
#bdb676 rgb(189,182,118)
```
#76a1bd
```
#76a1bd rgb(118,161,189)
```
#bd767e
```
#bd767e rgb(189,118,126)
```

Split Complementary Color

#a1bd76
```
#a1bd76 rgb(161,189,118)
```
#76a1bd
```
#76a1bd rgb(118,161,189)
```
#bd76a1
```
#bd76a1 rgb(189,118,161)
```

Triadic Color

#76bd92
```
#76bd92 rgb(118,189,146)
```
#76a1bd
```
#76a1bd rgb(118,161,189)
```
#bd76a1
```
#bd76a1 rgb(189,118,161)
```
#bd9276
```
#bd9276 rgb(189,146,118)
```

Tetradic Color

#4b7c9c
```
#4b7c9c rgb(75,124,156)
```
#5489ac
```
#5489ac rgb(84,137,172)
```
#6595b5
```
#6595b5 rgb(101,149,181)
```
#76a1bd
```
#76a1bd rgb(118,161,189)
```
#87adc5
```
#87adc5 rgb(135,173,197)
```
#98b9ce
```
#98b9ce rgb(152,185,206)
```
#aac4d6
```
#aac4d6 rgb(170,196,214)
```

Monochromatic Color

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

#76b3bd
```
#76b3bd rgb(118,179,189)
```
#76adbd
```
#76adbd rgb(118,173,189)
```
#76a7bd
```
#76a7bd rgb(118,167,189)
```
#76a1bd
```
#76a1bd rgb(118,161,189)
```
#769bbd
```
#769bbd rgb(118,155,189)
```
#7695bd
```
#7695bd rgb(118,149,189)
```
#768fbd
```
#768fbd rgb(118,143,189)
```

Similar Colors

Text with hexadecimal color #76a1bd

This text has a font color of #76a1bd.

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

#76a1bd background color

This paragraph has a background color of #76a1bd.

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

#76a1bd border color

This element has a border color of #76a1bd.

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

CSS codes

.text {color:#76a1bd;}

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

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

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

#040709
```
#040709 rgb(4,7,9)
```
#0b1116
```
#0b1116 rgb(11,17,22)
```
#111c23
```
#111c23 rgb(17,28,35)
```
#172630
```
#172630 rgb(23,38,48)
```
#1e313e
```
#1e313e rgb(30,49,62)
```
#243c4b
```
#243c4b rgb(36,60,75)
```
#2a4658
```
#2a4658 rgb(42,70,88)
```
#315165
```
#315165 rgb(49,81,101)
```
#375b73
```
#375b73 rgb(55,91,115)
```
#3e6680
```
#3e6680 rgb(62,102,128)
```
#44708d
```
#44708d rgb(68,112,141)
```
#4a7b9a
```
#4a7b9a rgb(74,123,154)
```
#5185a7
```
#5185a7 rgb(81,133,167)
```

Shade Color Variation

#5c8fb0
```
#5c8fb0 rgb(92,143,176)
```
#6998b7
```
#6998b7 rgb(105,152,183)
```
#76a1bd
```
#76a1bd rgb(118,161,189)
```
#83aac3
```
#83aac3 rgb(131,170,195)
```
#90b3ca
```
#90b3ca rgb(144,179,202)
```
#9ebcd0
```
#9ebcd0 rgb(158,188,208)
```
#abc5d7
```
#abc5d7 rgb(171,197,215)
```
#b8cedd
```
#b8cedd rgb(184,206,221)
```
#c5d7e3
```
#c5d7e3 rgb(197,215,227)
```
#d3e1ea
```
#d3e1ea rgb(211,225,234)
```
#e0eaf0
```
#e0eaf0 rgb(224,234,240)
```
#edf3f6
```
#edf3f6 rgb(237,243,246)
```
#fafcfd
```
#fafcfd rgb(250,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #959a9e is the less saturated color, while #38aefb is the most saturated one.

#959a9e
```
#959a9e rgb(149,154,158)
```
#8d9ca6
```
#8d9ca6 rgb(141,156,166)
```
#869ead
```
#869ead rgb(134,158,173)
```
#7e9fb5
```
#7e9fb5 rgb(126,159,181)
```
#76a1bd
```
#76a1bd rgb(118,161,189)
```
#6ea3c5
```
#6ea3c5 rgb(110,163,197)
```
#66a4cd
```
#66a4cd rgb(102,164,205)
```
#5fa6d4
```
#5fa6d4 rgb(95,166,212)
```
#57a8dc
```
#57a8dc rgb(87,168,220)
```
#4fa9e4
```
#4fa9e4 rgb(79,169,228)
```
#47abec
```
#47abec rgb(71,171,236)
```
#3fadf4
```
#3fadf4 rgb(63,173,244)
```
#38aefb
```
#38aefb rgb(56,174,251)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#90999f Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a9fbc Protanopia 1% of men
#9c9dc3 Deuteranopia 1% of men
#79a8b4 Tritanopia 0.001% of the population

Trichromacy

#8d9fbc Protanomaly 1% of men, 0.01% of women
#8e9ec1 Deuteranomaly 6% of men, 0.4% of women
#78a5b7 Tritanomaly 0.01% of the population

#76a1bd hex color

#76a1bd Color Information

#76a1bd Color Conversion

Color Schemes with #76a1bd

Alternatives to #76a1bd

#76a1bd Preview

Shades and Tints of #76a1bd

Tones of #76a1bd

Color Blindness Simulator