#6880bb hex color

In a RGB color space, hex #6880bb is composed of 40.8% red, 50.2% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 44.4% cyan, 31.6% magenta, 0% yellow and 26.7% black. It has a hue angle of 222.7 degrees, a saturation of 37.9% and a lightness of 57.1%. #6880bb color hex could be obtained by blending #d0ffff with #000177. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 41
- G 50
- B 73
RGB color chart
- C 44
- M 32
- Y 0
- K 27
CMYK color chart

● #6880bb color description : Slightly desaturated blue.

The hexadecimal color #6880bb has RGB values of R:104, G:128, B:187 and CMYK values of C:0.44, M:0.32, Y:0, K:0.27. Its decimal value is 6848699.

Hex triplet	6880bb	`#6880bb`
RGB Decimal	104, 128, 187	`rgb(104,128,187)`
RGB Percent	40.8, 50.2, 73.3	`rgb(40.8%,50.2%,73.3%)`
CMYK	44, 32, 0, 27
HSL	222.7°, 37.9, 57.1	`hsl(222.7,37.9%,57.1%)`
HSV (or HSB)	222.7°, 44.4, 73.3
Web Safe	6699cc	`#6699cc`

CIE-LAB	53.993, 7.129, -33.695
XYZ	22.396, 21.968, 50.071
xyY	0.237, 0.233, 21.968
CIE-LCH	53.993, 34.441, 281.947
CIE-LUV	53.993, -13.642, -52.354
Hunter-Lab	46.87, 3.268, -30.53
Binary	01101000, 10000000, 10111011

#6880bb
```
#6880bb rgb(104,128,187)
```
#bba368
```
#bba368 rgb(187,163,104)
```

Complementary Color

#68aabb
```
#68aabb rgb(104,170,187)
```
#6880bb
```
#6880bb rgb(104,128,187)
```
#7a68bb
```
#7a68bb rgb(122,104,187)
```

Analogous Color

#aabb68
```
#aabb68 rgb(170,187,104)
```
#6880bb
```
#6880bb rgb(104,128,187)
```
#bb7a68
```
#bb7a68 rgb(187,122,104)
```

Split Complementary Color

#80bb68
```
#80bb68 rgb(128,187,104)
```
#6880bb
```
#6880bb rgb(104,128,187)
```
#bb6880
```
#bb6880 rgb(187,104,128)
```

Triadic Color

#68bba3
```
#68bba3 rgb(104,187,163)
```
#6880bb
```
#6880bb rgb(104,128,187)
```
#bb6880
```
#bb6880 rgb(187,104,128)
```
#bba368
```
#bba368 rgb(187,163,104)
```

Tetradic Color

#435a94
```
#435a94 rgb(67,90,148)
```
#4b65a5
```
#4b65a5 rgb(75,101,165)
```
#5671b3
```
#5671b3 rgb(86,113,179)
```
#6880bb
```
#6880bb rgb(104,128,187)
```
#7a8fc3
```
#7a8fc3 rgb(122,143,195)
```
#8b9ecb
```
#8b9ecb rgb(139,158,203)
```
#9dacd3
```
#9dacd3 rgb(157,172,211)
```

Monochromatic Color

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

#6895bb
```
#6895bb rgb(104,149,187)
```
#688ebb
```
#688ebb rgb(104,142,187)
```
#6887bb
```
#6887bb rgb(104,135,187)
```
#6880bb
```
#6880bb rgb(104,128,187)
```
#6879bb
```
#6879bb rgb(104,121,187)
```
#6872bb
```
#6872bb rgb(104,114,187)
```
#686bbb
```
#686bbb rgb(104,107,187)
```

Similar Colors

Text with hexadecimal color #6880bb

This text has a font color of #6880bb.

<span style="color:#6880bb;">Text here</span>

#6880bb background color

This paragraph has a background color of #6880bb.

<p style="background-color:#6880bb;">Content here</p>

#6880bb border color

This element has a border color of #6880bb.

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

CSS codes

.text {color:#6880bb;}

.background {background-color:#6880bb;}

.border {border:1px solid #6880bb;}

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, #05070b is the darkest color, while #fdfdfe is the lightest one.

#05070b
```
#05070b rgb(5,7,11)
```
#0b0f19
```
#0b0f19 rgb(11,15,25)
```
#111726
```
#111726 rgb(17,23,38)
```
#172034
```
#172034 rgb(23,32,52)
```
#1d2841
```
#1d2841 rgb(29,40,65)
```
#24304f
```
#24304f rgb(36,48,79)
```
#2a385c
```
#2a385c rgb(42,56,92)
```
#30416a
```
#30416a rgb(48,65,106)
```
#364977
```
#364977 rgb(54,73,119)
```
#3c5185
```
#3c5185 rgb(60,81,133)
```
#425993
```
#425993 rgb(66,89,147)
```
#4862a0
```
#4862a0 rgb(72,98,160)
```
#4e6aae
```
#4e6aae rgb(78,106,174)
```

Shade Color Variation

#5a75b5
```
#5a75b5 rgb(90,117,181)
```
#6880bb
```
#6880bb rgb(104,128,187)
```
#768bc1
```
#768bc1 rgb(118,139,193)
```
#8397c7
```
#8397c7 rgb(131,151,199)
```
#91a2cd
```
#91a2cd rgb(145,162,205)
```
#9eaed3
```
#9eaed3 rgb(158,174,211)
```
#acb9d9
```
#acb9d9 rgb(172,185,217)
```
#b9c4e0
```
#b9c4e0 rgb(185,196,224)
```
#c7d0e6
```
#c7d0e6 rgb(199,208,230)
```
#d4dbec
```
#d4dbec rgb(212,219,236)
```
#e2e6f2
```
#e2e6f2 rgb(226,230,242)
```
#eff2f8
```
#eff2f8 rgb(239,242,248)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#8a8e99
```
#8a8e99 rgb(138,142,153)
```
#818ba2
```
#818ba2 rgb(129,139,162)
```
#7987aa
```
#7987aa rgb(121,135,170)
```
#7084b3
```
#7084b3 rgb(112,132,179)
```
#6880bb
```
#6880bb rgb(104,128,187)
```
#607cc3
```
#607cc3 rgb(96,124,195)
```
#5779cc
```
#5779cc rgb(87,121,204)
```
#4f75d4
```
#4f75d4 rgb(79,117,212)
```
#4672dd
```
#4672dd rgb(70,114,221)
```
#3e6ee5
```
#3e6ee5 rgb(62,110,229)
```
#356bee
```
#356bee rgb(53,107,238)
```
#2d67f6
```
#2d67f6 rgb(45,103,246)
```
#2564fe
```
#2564fe rgb(37,100,254)
```

Tone Color Variation

Below, you can see how #6880bb 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
#7b808c Atypical Achromatopsia 0.001% of the population

Dichromacy

#7485bd Protanopia 1% of men
#6f86be Deuteranopia 1% of men
#628e98 Tritanopia 0.001% of the population

Trichromacy

#6f83bc Protanomaly 1% of men, 0.01% of women
#6c84bd Deuteranomaly 6% of men, 0.4% of women
#6489a5 Tritanomaly 0.01% of the population

#6880bb hex color

#6880bb Color Information

#6880bb Color Conversion

Color Schemes with #6880bb

Alternatives to #6880bb

#6880bb Preview

Shades and Tints of #6880bb

Tones of #6880bb

Color Blindness Simulator