#6980b7 hex color

In a RGB color space, hex #6980b7 is composed of 41.2% red, 50.2% green and 71.8% blue. Whereas in a CMYK color space, it is composed of 42.6% cyan, 30.1% magenta, 0% yellow and 28.2% black. It has a hue angle of 222.3 degrees, a saturation of 35.1% and a lightness of 56.5%. #6980b7 color hex could be obtained by blending #d2ffff with #00016f. Closest websafe color is: #6699cc.

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

● #6980b7 color description : Slightly desaturated blue.

The hexadecimal color #6980b7 has RGB values of R:105, G:128, B:183 and CMYK values of C:0.43, M:0.3, Y:0, K:0.28. Its decimal value is 6914231.

Hex triplet	6980b7	`#6980b7`
RGB Decimal	105, 128, 183	`rgb(105,128,183)`
RGB Percent	41.2, 50.2, 71.8	`rgb(41.2%,50.2%,71.8%)`
CMYK	43, 30, 0, 28
HSL	222.3°, 35.1, 56.5	`hsl(222.3,35.1%,56.5%)`
HSV (or HSB)	222.3°, 42.6, 71.8
Web Safe	6699cc	`#6699cc`

CIE-LAB	53.878, 6.217, -31.58
XYZ	22.09, 21.86, 47.853
xyY	0.241, 0.238, 21.86
CIE-LCH	53.878, 32.186, 281.137
CIE-LUV	53.878, -13.172, -48.829
Hunter-Lab	46.754, 2.517, -27.955
Binary	01101001, 10000000, 10110111

#6980b7
```
#6980b7 rgb(105,128,183)
```
#b7a069
```
#b7a069 rgb(183,160,105)
```

Complementary Color

#69a7b7
```
#69a7b7 rgb(105,167,183)
```
#6980b7
```
#6980b7 rgb(105,128,183)
```
#7969b7
```
#7969b7 rgb(121,105,183)
```

Analogous Color

#a7b769
```
#a7b769 rgb(167,183,105)
```
#6980b7
```
#6980b7 rgb(105,128,183)
```
#b77969
```
#b77969 rgb(183,121,105)
```

Split Complementary Color

#80b769
```
#80b769 rgb(128,183,105)
```
#6980b7
```
#6980b7 rgb(105,128,183)
```
#b76980
```
#b76980 rgb(183,105,128)
```

Triadic Color

#69b7a0
```
#69b7a0 rgb(105,183,160)
```
#6980b7
```
#6980b7 rgb(105,128,183)
```
#b76980
```
#b76980 rgb(183,105,128)
```
#b7a069
```
#b7a069 rgb(183,160,105)
```

Tetradic Color

#455b8f
```
#455b8f rgb(69,91,143)
```
#4d65a0
```
#4d65a0 rgb(77,101,160)
```
#5871af
```
#5871af rgb(88,113,175)
```
#6980b7
```
#6980b7 rgb(105,128,183)
```
#7a8fbf
```
#7a8fbf rgb(122,143,191)
```
#8b9dc8
```
#8b9dc8 rgb(139,157,200)
```
#9dacd0
```
#9dacd0 rgb(157,172,208)
```

Monochromatic Color

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

#6994b7
```
#6994b7 rgb(105,148,183)
```
#698db7
```
#698db7 rgb(105,141,183)
```
#6987b7
```
#6987b7 rgb(105,135,183)
```
#6980b7
```
#6980b7 rgb(105,128,183)
```
#697ab7
```
#697ab7 rgb(105,122,183)
```
#6973b7
```
#6973b7 rgb(105,115,183)
```
#696db7
```
#696db7 rgb(105,109,183)
```

Similar Colors

Text with hexadecimal color #6980b7

This text has a font color of #6980b7.

<span style="color:#6980b7;">Text here</span>

#6980b7 background color

This paragraph has a background color of #6980b7.

<p style="background-color:#6980b7;">Content here</p>

#6980b7 border color

This element has a border color of #6980b7.

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

CSS codes

.text {color:#6980b7;}

.background {background-color:#6980b7;}

.border {border:1px solid #6980b7;}

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

#040609
```
#040609 rgb(4,6,9)
```
#0b0e16
```
#0b0e16 rgb(11,14,22)
```
#111724
```
#111724 rgb(17,23,36)
```
#171f31
```
#171f31 rgb(23,31,49)
```
#1e273e
```
#1e273e rgb(30,39,62)
```
#24304b
```
#24304b rgb(36,48,75)
```
#2b3859
```
#2b3859 rgb(43,56,89)
```
#314066
```
#314066 rgb(49,64,102)
```
#374973
```
#374973 rgb(55,73,115)
```
#3e5180
```
#3e5180 rgb(62,81,128)
```
#445a8e
```
#445a8e rgb(68,90,142)
```
#4a629b
```
#4a629b rgb(74,98,155)
```
#516aa8
```
#516aa8 rgb(81,106,168)
```

Shade Color Variation

#5c75b1
```
#5c75b1 rgb(92,117,177)
```
#6980b7
```
#6980b7 rgb(105,128,183)
```
#768bbd
```
#768bbd rgb(118,139,189)
```
#8496c4
```
#8496c4 rgb(132,150,196)
```
#91a2ca
```
#91a2ca rgb(145,162,202)
```
#9eadd0
```
#9eadd0 rgb(158,173,208)
```
#abb8d7
```
#abb8d7 rgb(171,184,215)
```
#b9c3dd
```
#b9c3dd rgb(185,195,221)
```
#c6cfe4
```
#c6cfe4 rgb(198,207,228)
```
#d3daea
```
#d3daea rgb(211,218,234)
```
#e0e5f0
```
#e0e5f0 rgb(224,229,240)
```
#eef0f7
```
#eef0f7 rgb(238,240,247)
```
#fbfbfd
```
#fbfbfd rgb(251,251,253)
```

Tint Color Variation

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

#8b8e95
```
#8b8e95 rgb(139,142,149)
```
#838b9d
```
#838b9d rgb(131,139,157)
```
#7a87a6
```
#7a87a6 rgb(122,135,166)
```
#7284ae
```
#7284ae rgb(114,132,174)
```
#6980b7
```
#6980b7 rgb(105,128,183)
```
#607cc0
```
#607cc0 rgb(96,124,192)
```
#5879c8
```
#5879c8 rgb(88,121,200)
```
#4f75d1
```
#4f75d1 rgb(79,117,209)
```
#4772d9
```
#4772d9 rgb(71,114,217)
```
#3e6ee2
```
#3e6ee2 rgb(62,110,226)
```
#366bea
```
#366bea rgb(54,107,234)
```
#2d67f3
```
#2d67f3 rgb(45,103,243)
```
#2564fb
```
#2564fb rgb(37,100,251)
```

Tone Color Variation

Below, you can see how #6980b7 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

#7f7f7f Achromatopsia 0.005% of the population
#7b7f8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7585ba Protanopia 1% of men
#7286ba Deuteranopia 1% of men
#658d97 Tritanopia 0.001% of the population

Trichromacy

#7183b8 Protanomaly 1% of men, 0.01% of women
#6f83b9 Deuteranomaly 6% of men, 0.4% of women
#6688a3 Tritanomaly 0.01% of the population

#6980b7 hex color

#6980b7 Color Information

#6980b7 Color Conversion

Color Schemes with #6980b7

Alternatives to #6980b7

#6980b7 Preview

Shades and Tints of #6980b7

Tones of #6980b7

Color Blindness Simulator