#6980b4 hex color

In a RGB color space, hex #6980b4 is composed of 41.2% red, 50.2% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 41.7% cyan, 28.9% magenta, 0% yellow and 29.4% black. It has a hue angle of 221.6 degrees, a saturation of 33.3% and a lightness of 55.9%. #6980b4 color hex could be obtained by blending #d2ffff with #000169. Closest websafe color is: #6699cc.

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

● #6980b4 color description : Slightly desaturated blue.

The hexadecimal color #6980b4 has RGB values of R:105, G:128, B:180 and CMYK values of C:0.42, M:0.29, Y:0, K:0.29. Its decimal value is 6914228.

Hex triplet	6980b4	`#6980b4`
RGB Decimal	105, 128, 180	`rgb(105,128,180)`
RGB Percent	41.2, 50.2, 70.6	`rgb(41.2%,50.2%,70.6%)`
CMYK	42, 29, 0, 29
HSL	221.6°, 33.3, 55.9	`hsl(221.6,33.3%,55.9%)`
HSV (or HSB)	221.6°, 41.7, 70.6
Web Safe	6699cc	`#6699cc`

CIE-LAB	53.746, 5.346, -30.064
XYZ	21.781, 21.736, 46.225
xyY	0.243, 0.242, 21.736
CIE-LCH	53.746, 30.535, 280.083
CIE-LUV	53.746, -13.103, -46.274
Hunter-Lab	46.622, 1.805, -26.15
Binary	01101001, 10000000, 10110100

#6980b4
```
#6980b4 rgb(105,128,180)
```
#b49d69
```
#b49d69 rgb(180,157,105)
```

Complementary Color

#69a6b4
```
#69a6b4 rgb(105,166,180)
```
#6980b4
```
#6980b4 rgb(105,128,180)
```
#7869b4
```
#7869b4 rgb(120,105,180)
```

Analogous Color

#a6b469
```
#a6b469 rgb(166,180,105)
```
#6980b4
```
#6980b4 rgb(105,128,180)
```
#b47869
```
#b47869 rgb(180,120,105)
```

Split Complementary Color

#80b469
```
#80b469 rgb(128,180,105)
```
#6980b4
```
#6980b4 rgb(105,128,180)
```
#b46980
```
#b46980 rgb(180,105,128)
```

Triadic Color

#69b49d
```
#69b49d rgb(105,180,157)
```
#6980b4
```
#6980b4 rgb(105,128,180)
```
#b46980
```
#b46980 rgb(180,105,128)
```
#b49d69
```
#b49d69 rgb(180,157,105)
```

Tetradic Color

#465b8b
```
#465b8b rgb(70,91,139)
```
#4e669c
```
#4e669c rgb(78,102,156)
```
#5872ac
```
#5872ac rgb(88,114,172)
```
#6980b4
```
#6980b4 rgb(105,128,180)
```
#7a8ebd
```
#7a8ebd rgb(122,142,189)
```
#8b9dc5
```
#8b9dc5 rgb(139,157,197)
```
#9cabce
```
#9cabce rgb(156,171,206)
```

Monochromatic Color

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

#6993b4
```
#6993b4 rgb(105,147,180)
```
#698db4
```
#698db4 rgb(105,141,180)
```
#6986b4
```
#6986b4 rgb(105,134,180)
```
#6980b4
```
#6980b4 rgb(105,128,180)
```
#697ab4
```
#697ab4 rgb(105,122,180)
```
#6974b4
```
#6974b4 rgb(105,116,180)
```
#696db4
```
#696db4 rgb(105,109,180)
```

Similar Colors

Text with hexadecimal color #6980b4

This text has a font color of #6980b4.

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

#6980b4 background color

This paragraph has a background color of #6980b4.

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

#6980b4 border color

This element has a border color of #6980b4.

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

CSS codes

.text {color:#6980b4;}

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

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

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

#030507
```
#030507 rgb(3,5,7)
```
#0a0d14
```
#0a0d14 rgb(10,13,20)
```
#111621
```
#111621 rgb(17,22,33)
```
#171e2e
```
#171e2e rgb(23,30,46)
```
#1e273b
```
#1e273b rgb(30,39,59)
```
#242f48
```
#242f48 rgb(36,47,72)
```
#2b3855
```
#2b3855 rgb(43,56,85)
```
#314062
```
#314062 rgb(49,64,98)
```
#384970
```
#384970 rgb(56,73,112)
```
#3e517d
```
#3e517d rgb(62,81,125)
```
#455a8a
```
#455a8a rgb(69,90,138)
```
#4b6397
```
#4b6397 rgb(75,99,151)
```
#526ba4
```
#526ba4 rgb(82,107,164)
```

Shade Color Variation

#5c75ad
```
#5c75ad rgb(92,117,173)
```
#6980b4
```
#6980b4 rgb(105,128,180)
```
#768bbb
```
#768bbb rgb(118,139,187)
```
#8396c1
```
#8396c1 rgb(131,150,193)
```
#90a1c8
```
#90a1c8 rgb(144,161,200)
```
#9dacce
```
#9dacce rgb(157,172,206)
```
#aab7d5
```
#aab7d5 rgb(170,183,213)
```
#b7c2db
```
#b7c2db rgb(183,194,219)
```
#c5cee2
```
#c5cee2 rgb(197,206,226)
```
#d2d9e8
```
#d2d9e8 rgb(210,217,232)
```
#dfe4ef
```
#dfe4ef rgb(223,228,239)
```
#eceff5
```
#eceff5 rgb(236,239,245)
```
#f9fafc
```
#f9fafc rgb(249,250,252)
```

Tint Color Variation

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

#8c8d91
```
#8c8d91 rgb(140,141,145)
```
#838a9a
```
#838a9a rgb(131,138,154)
```
#7a87a3
```
#7a87a3 rgb(122,135,163)
```
#7283ab
```
#7283ab rgb(114,131,171)
```
#6980b4
```
#6980b4 rgb(105,128,180)
```
#607dbd
```
#607dbd rgb(96,125,189)
```
#5879c5
```
#5879c5 rgb(88,121,197)
```
#4f76ce
```
#4f76ce rgb(79,118,206)
```
#4673d7
```
#4673d7 rgb(70,115,215)
```
#3e6fdf
```
#3e6fdf rgb(62,111,223)
```
#356ce8
```
#356ce8 rgb(53,108,232)
```
#2c69f1
```
#2c69f1 rgb(44,105,241)
```
#2465f9
```
#2465f9 rgb(36,101,249)
```

Tone Color Variation

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

#7685b6 Protanopia 1% of men
#7485b8 Deuteranopia 1% of men
#668d97 Tritanopia 0.001% of the population

Trichromacy

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

#6980b4 hex color

#6980b4 Color Information

#6980b4 Color Conversion

Color Schemes with #6980b4

Alternatives to #6980b4

#6980b4 Preview

Shades and Tints of #6980b4

Tones of #6980b4

Color Blindness Simulator