colorhexa.com

#6680b4 hex color

In a RGB color space, hex #6680b4 is composed of 40% red, 50.2% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 43.3% cyan, 28.9% magenta, 0% yellow and 29.4% black. It has a hue angle of 220 degrees, a saturation of 34.2% and a lightness of 55.3%. #6680b4 color hex could be obtained by blending #ccffff with #000169. Closest websafe color is: #6699cc.

- R 40
- G 50
- B 71
RGB color chart
- C 43
- M 29
- Y 0
- K 29
CMYK color chart

● #6680b4 color description : Slightly desaturated blue.

The hexadecimal color #6680b4 has RGB values of R:102, G:128, B:180 and CMYK values of C:0.43, M:0.29, Y:0, K:0.29. Its decimal value is 6717620.

Hex triplet	6680b4	`#6680b4`
RGB Decimal	102, 128, 180	`rgb(102,128,180)`
RGB Percent	40, 50.2, 70.6	`rgb(40%,50.2%,70.6%)`
CMYK	43, 29, 0, 29
HSL	220°, 34.2, 55.3	`hsl(220,34.2%,55.3%)`
HSV (or HSB)	220°, 43.3, 70.6
Web Safe	6699cc	`#6699cc`

CIE-LAB	53.554, 4.541, -30.376
XYZ	21.435, 21.558, 46.209
xyY	0.24, 0.242, 21.558
CIE-LCH	53.554, 30.714, 278.503
CIE-LUV	53.554, -14.258, -46.643
Hunter-Lab	46.43, 1.154, -26.507
Binary	01100110, 10000000, 10110100

#6680b4
```
#6680b4 rgb(102,128,180)
```
#b49a66
```
#b49a66 rgb(180,154,102)
```

Complementary Color

#66a7b4
```
#66a7b4 rgb(102,167,180)
```
#6680b4
```
#6680b4 rgb(102,128,180)
```
#7366b4
```
#7366b4 rgb(115,102,180)
```

Analogous Color

#a7b466
```
#a7b466 rgb(167,180,102)
```
#6680b4
```
#6680b4 rgb(102,128,180)
```
#b47366
```
#b47366 rgb(180,115,102)
```

Split Complementary Color

#80b466
```
#80b466 rgb(128,180,102)
```
#6680b4
```
#6680b4 rgb(102,128,180)
```
#b46680
```
#b46680 rgb(180,102,128)
```

Triadic Color

#66b49a
```
#66b49a rgb(102,180,154)
```
#6680b4
```
#6680b4 rgb(102,128,180)
```
#b46680
```
#b46680 rgb(180,102,128)
```
#b49a66
```
#b49a66 rgb(180,154,102)
```

Tetradic Color

#445b8a
```
#445b8a rgb(68,91,138)
```
#4c669b
```
#4c669b rgb(76,102,155)
```
#5572ac
```
#5572ac rgb(85,114,172)
```
#6680b4
```
#6680b4 rgb(102,128,180)
```
#778ebc
```
#778ebc rgb(119,142,188)
```
#889cc5
```
#889cc5 rgb(136,156,197)
```
#99abcd
```
#99abcd rgb(153,171,205)
```

Monochromatic Color

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

#6694b4
```
#6694b4 rgb(102,148,180)
```
#668db4
```
#668db4 rgb(102,141,180)
```
#6687b4
```
#6687b4 rgb(102,135,180)
```
#6680b4
```
#6680b4 rgb(102,128,180)
```
#667ab4
```
#667ab4 rgb(102,122,180)
```
#6673b4
```
#6673b4 rgb(102,115,180)
```
#666db4
```
#666db4 rgb(102,109,180)
```

Similar Colors

Text with hexadecimal color #6680b4

This text has a font color of #6680b4.

<span style="color:#6680b4;">Text here</span>

#6680b4 background color

This paragraph has a background color of #6680b4.

<p style="background-color:#6680b4;">Content here</p>

#6680b4 border color

This element has a border color of #6680b4.

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

CSS codes

.text {color:#6680b4;}

.background {background-color:#6680b4;}

.border {border:1px solid #6680b4;}

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

#020305
```
#020305 rgb(2,3,5)
```
#090c12
```
#090c12 rgb(9,12,18)
```
#0f151f
```
#0f151f rgb(15,21,31)
```
#161d2c
```
#161d2c rgb(22,29,44)
```
#1c263a
```
#1c263a rgb(28,38,58)
```
#232f47
```
#232f47 rgb(35,47,71)
```
#293754
```
#293754 rgb(41,55,84)
```
#304061
```
#304061 rgb(48,64,97)
```
#36496e
```
#36496e rgb(54,73,110)
```
#3d517b
```
#3d517b rgb(61,81,123)
```
#435a89
```
#435a89 rgb(67,90,137)
```
#496396
```
#496396 rgb(73,99,150)
```
#506ca3
```
#506ca3 rgb(80,108,163)
```

Shade Color Variation

#5975ae
```
#5975ae rgb(89,117,174)
```
#6680b4
```
#6680b4 rgb(102,128,180)
```
#738bba
```
#738bba rgb(115,139,186)
```
#8096c1
```
#8096c1 rgb(128,150,193)
```
#8da1c7
```
#8da1c7 rgb(141,161,199)
```
#9bacce
```
#9bacce rgb(155,172,206)
```
#a8b7d4
```
#a8b7d4 rgb(168,183,212)
```
#b5c2db
```
#b5c2db rgb(181,194,219)
```
#c2cce1
```
#c2cce1 rgb(194,204,225)
```
#cfd7e8
```
#cfd7e8 rgb(207,215,232)
```
#dce2ee
```
#dce2ee rgb(220,226,238)
```
#eaedf5
```
#eaedf5 rgb(234,237,245)
```
#f7f8fb
```
#f7f8fb rgb(247,248,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #898c91 is the less saturated color, while #2069fa is the most saturated one.

#898c91
```
#898c91 rgb(137,140,145)
```
#80899a
```
#80899a rgb(128,137,154)
```
#7886a2
```
#7886a2 rgb(120,134,162)
```
#6f83ab
```
#6f83ab rgb(111,131,171)
```
#6680b4
```
#6680b4 rgb(102,128,180)
```
#5d7dbd
```
#5d7dbd rgb(93,125,189)
```
#547ac6
```
#547ac6 rgb(84,122,198)
```
#4c77ce
```
#4c77ce rgb(76,119,206)
```
#4374d7
```
#4374d7 rgb(67,116,215)
```
#3a71e0
```
#3a71e0 rgb(58,113,224)
```
#316ee9
```
#316ee9 rgb(49,110,233)
```
#296cf1
```
#296cf1 rgb(41,108,241)
```
#2069fa
```
#2069fa rgb(32,105,250)
```

Tone Color Variation

Below, you can see how #6680b4 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

#7e7e7e Achromatopsia 0.005% of the population
#797e89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7684b6 Protanopia 1% of men
#7385b8 Deuteranopia 1% of men
#628d97 Tritanopia 0.001% of the population

Trichromacy

#7083b5 Protanomaly 1% of men, 0.01% of women
#6e83b6 Deuteranomaly 6% of men, 0.4% of women
#6488a1 Tritanomaly 0.01% of the population