#6980b3 hex color

In a RGB color space, hex #6980b3 is composed of 41.2% red, 50.2% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 41.3% cyan, 28.5% magenta, 0% yellow and 29.8% black. It has a hue angle of 221.4 degrees, a saturation of 32.7% and a lightness of 55.7%. #6980b3 color hex could be obtained by blending #d2ffff with #000167. Closest websafe color is: #6699cc.

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

● #6980b3 color description : Slightly desaturated blue.

The hexadecimal color #6980b3 has RGB values of R:105, G:128, B:179 and CMYK values of C:0.41, M:0.28, Y:0, K:0.3. Its decimal value is 6914227.

Hex triplet	6980b3	`#6980b3`
RGB Decimal	105, 128, 179	`rgb(105,128,179)`
RGB Percent	41.2, 50.2, 70.2	`rgb(41.2%,50.2%,70.2%)`
CMYK	41, 28, 0, 30
HSL	221.4°, 32.7, 55.7	`hsl(221.4,32.7%,55.7%)`
HSV (or HSB)	221.4°, 41.3, 70.2
Web Safe	6699cc	`#6699cc`

CIE-LAB	53.702, 5.057, -29.557
XYZ	21.68, 21.696, 45.691
xyY	0.243, 0.244, 21.696
CIE-LCH	53.702, 29.986, 279.709
CIE-LUV	53.702, -13.08, -45.421
Hunter-Lab	46.578, 1.57, -25.555
Binary	01101001, 10000000, 10110011

#6980b3
```
#6980b3 rgb(105,128,179)
```
#b39c69
```
#b39c69 rgb(179,156,105)
```

Complementary Color

#69a5b3
```
#69a5b3 rgb(105,165,179)
```
#6980b3
```
#6980b3 rgb(105,128,179)
```
#7769b3
```
#7769b3 rgb(119,105,179)
```

Analogous Color

#a5b369
```
#a5b369 rgb(165,179,105)
```
#6980b3
```
#6980b3 rgb(105,128,179)
```
#b37769
```
#b37769 rgb(179,119,105)
```

Split Complementary Color

#80b369
```
#80b369 rgb(128,179,105)
```
#6980b3
```
#6980b3 rgb(105,128,179)
```
#b36980
```
#b36980 rgb(179,105,128)
```

Triadic Color

#69b39c
```
#69b39c rgb(105,179,156)
```
#6980b3
```
#6980b3 rgb(105,128,179)
```
#b36980
```
#b36980 rgb(179,105,128)
```
#b39c69
```
#b39c69 rgb(179,156,105)
```

Tetradic Color

#465b8a
```
#465b8a rgb(70,91,138)
```
#4e669b
```
#4e669b rgb(78,102,155)
```
#5872aa
```
#5872aa rgb(88,114,170)
```
#6980b3
```
#6980b3 rgb(105,128,179)
```
#7a8ebc
```
#7a8ebc rgb(122,142,188)
```
#8b9dc4
```
#8b9dc4 rgb(139,157,196)
```
#9cabcd
```
#9cabcd rgb(156,171,205)
```

Monochromatic Color

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

#6993b3
```
#6993b3 rgb(105,147,179)
```
#698cb3
```
#698cb3 rgb(105,140,179)
```
#6986b3
```
#6986b3 rgb(105,134,179)
```
#6980b3
```
#6980b3 rgb(105,128,179)
```
#697ab3
```
#697ab3 rgb(105,122,179)
```
#6974b3
```
#6974b3 rgb(105,116,179)
```
#696eb3
```
#696eb3 rgb(105,110,179)
```

Similar Colors

Text with hexadecimal color #6980b3

This text has a font color of #6980b3.

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

#6980b3 background color

This paragraph has a background color of #6980b3.

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

#6980b3 border color

This element has a border color of #6980b3.

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

CSS codes

.text {color:#6980b3;}

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

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

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

#030406
```
#030406 rgb(3,4,6)
```
#0a0d13
```
#0a0d13 rgb(10,13,19)
```
#101520
```
#101520 rgb(16,21,32)
```
#171e2d
```
#171e2d rgb(23,30,45)
```
#1e263a
```
#1e263a rgb(30,38,58)
```
#242f47
```
#242f47 rgb(36,47,71)
```
#2b3854
```
#2b3854 rgb(43,56,84)
```
#314061
```
#314061 rgb(49,64,97)
```
#38496e
```
#38496e rgb(56,73,110)
```
#3f517b
```
#3f517b rgb(63,81,123)
```
#455a88
```
#455a88 rgb(69,90,136)
```
#4c6395
```
#4c6395 rgb(76,99,149)
```
#526ba2
```
#526ba2 rgb(82,107,162)
```

Shade Color Variation

#5c75ac
```
#5c75ac rgb(92,117,172)
```
#6980b3
```
#6980b3 rgb(105,128,179)
```
#768bba
```
#768bba rgb(118,139,186)
```
#8396c0
```
#8396c0 rgb(131,150,192)
```
#90a1c7
```
#90a1c7 rgb(144,161,199)
```
#9daccd
```
#9daccd rgb(157,172,205)
```
#aab7d4
```
#aab7d4 rgb(170,183,212)
```
#b7c2db
```
#b7c2db rgb(183,194,219)
```
#c4cde1
```
#c4cde1 rgb(196,205,225)
```
#d1d8e8
```
#d1d8e8 rgb(209,216,232)
```
#dee3ee
```
#dee3ee rgb(222,227,238)
```
#ebeef5
```
#ebeef5 rgb(235,238,245)
```
#f8f9fc
```
#f8f9fc rgb(248,249,252)
```

Tint Color Variation

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

#8c8d90
```
#8c8d90 rgb(140,141,144)
```
#838a99
```
#838a99 rgb(131,138,153)
```
#7a87a2
```
#7a87a2 rgb(122,135,162)
```
#7283aa
```
#7283aa rgb(114,131,170)
```
#6980b3
```
#6980b3 rgb(105,128,179)
```
#607dbc
```
#607dbc rgb(96,125,188)
```
#5879c4
```
#5879c4 rgb(88,121,196)
```
#4f76cd
```
#4f76cd rgb(79,118,205)
```
#4673d6
```
#4673d6 rgb(70,115,214)
```
#3e70de
```
#3e70de rgb(62,112,222)
```
#356ce7
```
#356ce7 rgb(53,108,231)
```
#2c69f0
```
#2c69f0 rgb(44,105,240)
```
#2366f9
```
#2366f9 rgb(35,102,249)
```

Tone Color Variation

Below, you can see how #6980b3 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
#7b7f89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7785b5 Protanopia 1% of men
#7485b7 Deuteranopia 1% of men
#668c97 Tritanopia 0.001% of the population

Trichromacy

#7183b4 Protanomaly 1% of men, 0.01% of women
#7083b5 Deuteranomaly 6% of men, 0.4% of women
#6788a1 Tritanomaly 0.01% of the population

#6980b3 hex color

#6980b3 Color Information

#6980b3 Color Conversion

Color Schemes with #6980b3

Alternatives to #6980b3

#6980b3 Preview

Shades and Tints of #6980b3

Tones of #6980b3

Color Blindness Simulator