#6c80b8 hex color

In a RGB color space, hex #6c80b8 is composed of 42.4% red, 50.2% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 41.3% cyan, 30.4% magenta, 0% yellow and 27.8% black. It has a hue angle of 224.2 degrees, a saturation of 34.9% and a lightness of 57.3%. #6c80b8 color hex could be obtained by blending #d8ffff with #000171. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 42
- G 50
- B 72
RGB color chart
- C 41
- M 30
- Y 0
- K 28
CMYK color chart

● #6c80b8 color description : Slightly desaturated blue.

The hexadecimal color #6c80b8 has RGB values of R:108, G:128, B:184 and CMYK values of C:0.41, M:0.3, Y:0, K:0.28. Its decimal value is 7110840.

Hex triplet	6c80b8	`#6c80b8`
RGB Decimal	108, 128, 184	`rgb(108,128,184)`
RGB Percent	42.4, 50.2, 72.2	`rgb(42.4%,50.2%,72.2%)`
CMYK	41, 30, 0, 28
HSL	224.2°, 34.9, 57.3	`hsl(224.2,34.9%,57.3%)`
HSV (or HSB)	224.2°, 41.3, 72.2
Web Safe	6699cc	`#6699cc`

CIE-LAB	54.119, 7.313, -31.763
XYZ	22.553, 22.086, 48.42
xyY	0.242, 0.237, 22.086
CIE-LCH	54.119, 32.594, 282.965
CIE-LUV	54.119, -12.024, -49.297
Hunter-Lab	46.996, 3.419, -28.188
Binary	01101100, 10000000, 10111000

#6c80b8
```
#6c80b8 rgb(108,128,184)
```
#b8a46c
```
#b8a46c rgb(184,164,108)
```

Complementary Color

#6ca6b8
```
#6ca6b8 rgb(108,166,184)
```
#6c80b8
```
#6c80b8 rgb(108,128,184)
```
#7e6cb8
```
#7e6cb8 rgb(126,108,184)
```

Analogous Color

#a6b86c
```
#a6b86c rgb(166,184,108)
```
#6c80b8
```
#6c80b8 rgb(108,128,184)
```
#b87e6c
```
#b87e6c rgb(184,126,108)
```

Split Complementary Color

#80b86c
```
#80b86c rgb(128,184,108)
```
#6c80b8
```
#6c80b8 rgb(108,128,184)
```
#b86c80
```
#b86c80 rgb(184,108,128)
```

Triadic Color

#6cb8a4
```
#6cb8a4 rgb(108,184,164)
```
#6c80b8
```
#6c80b8 rgb(108,128,184)
```
#b86c80
```
#b86c80 rgb(184,108,128)
```
#b8a46c
```
#b8a46c rgb(184,164,108)
```

Tetradic Color

#465a91
```
#465a91 rgb(70,90,145)
```
#4e65a3
```
#4e65a3 rgb(78,101,163)
```
#5b71b0
```
#5b71b0 rgb(91,113,176)
```
#6c80b8
```
#6c80b8 rgb(108,128,184)
```
#7d8fc0
```
#7d8fc0 rgb(125,143,192)
```
#8e9ec9
```
#8e9ec9 rgb(142,158,201)
```
#a0add1
```
#a0add1 rgb(160,173,209)
```

Monochromatic Color

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

#6c93b8
```
#6c93b8 rgb(108,147,184)
```
#6c8db8
```
#6c8db8 rgb(108,141,184)
```
#6c86b8
```
#6c86b8 rgb(108,134,184)
```
#6c80b8
```
#6c80b8 rgb(108,128,184)
```
#6c7ab8
```
#6c7ab8 rgb(108,122,184)
```
#6c73b8
```
#6c73b8 rgb(108,115,184)
```
#6c6db8
```
#6c6db8 rgb(108,109,184)
```

Similar Colors

Text with hexadecimal color #6c80b8

This text has a font color of #6c80b8.

<span style="color:#6c80b8;">Text here</span>

#6c80b8 background color

This paragraph has a background color of #6c80b8.

<p style="background-color:#6c80b8;">Content here</p>

#6c80b8 border color

This element has a border color of #6c80b8.

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

CSS codes

.text {color:#6c80b8;}

.background {background-color:#6c80b8;}

.border {border:1px solid #6c80b8;}

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, #06070c is the darkest color, while #fdfefe is the lightest one.

#06070c
```
#06070c rgb(6,7,12)
```
#0c0f19
```
#0c0f19 rgb(12,15,25)
```
#121826
```
#121826 rgb(18,24,38)
```
#192033
```
#192033 rgb(25,32,51)
```
#1f2841
```
#1f2841 rgb(31,40,65)
```
#26304e
```
#26304e rgb(38,48,78)
```
#2c385b
```
#2c385b rgb(44,56,91)
```
#324168
```
#324168 rgb(50,65,104)
```
#394976
```
#394976 rgb(57,73,118)
```
#3f5183
```
#3f5183 rgb(63,81,131)
```
#465990
```
#465990 rgb(70,89,144)
```
#4c619d
```
#4c619d rgb(76,97,157)
```
#526aaa
```
#526aaa rgb(82,106,170)
```

Shade Color Variation

#5f75b2
```
#5f75b2 rgb(95,117,178)
```
#6c80b8
```
#6c80b8 rgb(108,128,184)
```
#798bbe
```
#798bbe rgb(121,139,190)
```
#8697c5
```
#8697c5 rgb(134,151,197)
```
#94a2cb
```
#94a2cb rgb(148,162,203)
```
#a1aed2
```
#a1aed2 rgb(161,174,210)
```
#aeb9d8
```
#aeb9d8 rgb(174,185,216)
```
#bbc5de
```
#bbc5de rgb(187,197,222)
```
#c9d0e5
```
#c9d0e5 rgb(201,208,229)
```
#d6dbeb
```
#d6dbeb rgb(214,219,235)
```
#e3e7f1
```
#e3e7f1 rgb(227,231,241)
```
#f0f2f8
```
#f0f2f8 rgb(240,242,248)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e9096 is the less saturated color, while #2960fb is the most saturated one.

#8e9096
```
#8e9096 rgb(142,144,150)
```
#858c9f
```
#858c9f rgb(133,140,159)
```
#7d88a7
```
#7d88a7 rgb(125,136,167)
```
#7484b0
```
#7484b0 rgb(116,132,176)
```
#6c80b8
```
#6c80b8 rgb(108,128,184)
```
#647cc0
```
#647cc0 rgb(100,124,192)
```
#5b78c9
```
#5b78c9 rgb(91,120,201)
```
#5374d1
```
#5374d1 rgb(83,116,209)
```
#4a70da
```
#4a70da rgb(74,112,218)
```
#426ce2
```
#426ce2 rgb(66,108,226)
```
#3a68ea
```
#3a68ea rgb(58,104,234)
```
#3164f3
```
#3164f3 rgb(49,100,243)
```
#2960fb
```
#2960fb rgb(41,96,251)
```

Tone Color Variation

Below, you can see how #6c80b8 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

#808080 Achromatopsia 0.005% of the population
#7c808b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7586bb Protanopia 1% of men
#7386bb Deuteranopia 1% of men
#688d98 Tritanopia 0.001% of the population

Trichromacy

#7283ba Protanomaly 1% of men, 0.01% of women
#7084ba Deuteranomaly 6% of men, 0.4% of women
#6988a3 Tritanomaly 0.01% of the population

#6c80b8 hex color

#6c80b8 Color Information

#6c80b8 Color Conversion

Color Schemes with #6c80b8

Alternatives to #6c80b8

#6c80b8 Preview

Shades and Tints of #6c80b8

Tones of #6c80b8

Color Blindness Simulator