#6980c4 hex color

In a RGB color space, hex #6980c4 is composed of 41.2% red, 50.2% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 46.4% cyan, 34.7% magenta, 0% yellow and 23.1% black. It has a hue angle of 224.8 degrees, a saturation of 43.5% and a lightness of 59%. #6980c4 color hex could be obtained by blending #d2ffff with #000189. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 41
- G 50
- B 77
RGB color chart
- C 46
- M 35
- Y 0
- K 23
CMYK color chart

● #6980c4 color description : Slightly desaturated blue.

The hexadecimal color #6980c4 has RGB values of R:105, G:128, B:196 and CMYK values of C:0.46, M:0.35, Y:0, K:0.23. Its decimal value is 6914244.

Hex triplet	6980c4	`#6980c4`
RGB Decimal	105, 128, 196	`rgb(105,128,196)`
RGB Percent	41.2, 50.2, 76.9	`rgb(41.2%,50.2%,76.9%)`
CMYK	46, 35, 0, 23
HSL	224.8°, 43.5, 59	`hsl(224.8,43.5%,59%)`
HSV (or HSB)	224.8°, 46.4, 76.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	54.476, 10.071, -38.07
XYZ	23.507, 22.426, 55.312
xyY	0.232, 0.222, 22.426
CIE-LCH	54.476, 39.38, 284.818
CIE-LUV	54.476, -13.474, -59.84
Hunter-Lab	47.356, 5.73, -36.101
Binary	01101001, 10000000, 11000100

#6980c4
```
#6980c4 rgb(105,128,196)
```
#c4ad69
```
#c4ad69 rgb(196,173,105)
```

Complementary Color

#69aec4
```
#69aec4 rgb(105,174,196)
```
#6980c4
```
#6980c4 rgb(105,128,196)
```
#8069c4
```
#8069c4 rgb(128,105,196)
```

Analogous Color

#aec469
```
#aec469 rgb(174,196,105)
```
#6980c4
```
#6980c4 rgb(105,128,196)
```
#c48069
```
#c48069 rgb(196,128,105)
```

Split Complementary Color

#80c469
```
#80c469 rgb(128,196,105)
```
#6980c4
```
#6980c4 rgb(105,128,196)
```
#c46980
```
#c46980 rgb(196,105,128)
```

Triadic Color

#69c4ad
```
#69c4ad rgb(105,196,173)
```
#6980c4
```
#6980c4 rgb(105,128,196)
```
#c46980
```
#c46980 rgb(196,105,128)
```
#c4ad69
```
#c4ad69 rgb(196,173,105)
```

Tetradic Color

#3f58a1
```
#3f58a1 rgb(63,88,161)
```
#4762b3
```
#4762b3 rgb(71,98,179)
```
#5771bd
```
#5771bd rgb(87,113,189)
```
#6980c4
```
#6980c4 rgb(105,128,196)
```
#7b8fcb
```
#7b8fcb rgb(123,143,203)
```
#8e9fd2
```
#8e9fd2 rgb(142,159,210)
```
#a0aeda
```
#a0aeda rgb(160,174,218)
```

Monochromatic Color

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

#6997c4
```
#6997c4 rgb(105,151,196)
```
#698fc4
```
#698fc4 rgb(105,143,196)
```
#6988c4
```
#6988c4 rgb(105,136,196)
```
#6980c4
```
#6980c4 rgb(105,128,196)
```
#6978c4
```
#6978c4 rgb(105,120,196)
```
#6971c4
```
#6971c4 rgb(105,113,196)
```
#6969c4
```
#6969c4 rgb(105,105,196)
```

Similar Colors

Text with hexadecimal color #6980c4

This text has a font color of #6980c4.

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

#6980c4 background color

This paragraph has a background color of #6980c4.

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

#6980c4 border color

This element has a border color of #6980c4.

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

CSS codes

.text {color:#6980c4;}

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

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

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

#020305
```
#020305 rgb(2,3,5)
```
#070a13
```
#070a13 rgb(7,10,19)
```
#0d1221
```
#0d1221 rgb(13,18,33)
```
#131a2f
```
#131a2f rgb(19,26,47)
```
#18213d
```
#18213d rgb(24,33,61)
```
#1e294b
```
#1e294b rgb(30,41,75)
```
#233159
```
#233159 rgb(35,49,89)
```
#293967
```
#293967 rgb(41,57,103)
```
#2e4075
```
#2e4075 rgb(46,64,117)
```
#344884
```
#344884 rgb(52,72,132)
```
#395092
```
#395092 rgb(57,80,146)
```
#3f57a0
```
#3f57a0 rgb(63,87,160)
```
#445fae
```
#445fae rgb(68,95,174)
```

Shade Color Variation

#4d68b9
```
#4d68b9 rgb(77,104,185)
```
#5b74be
```
#5b74be rgb(91,116,190)
```
#6980c4
```
#6980c4 rgb(105,128,196)
```
#778cca
```
#778cca rgb(119,140,202)
```
#8598cf
```
#8598cf rgb(133,152,207)
```
#93a4d5
```
#93a4d5 rgb(147,164,213)
```
#a1b0da
```
#a1b0da rgb(161,176,218)
```
#afbce0
```
#afbce0 rgb(175,188,224)
```
#bdc8e5
```
#bdc8e5 rgb(189,200,229)
```
#ccd3eb
```
#ccd3eb rgb(204,211,235)
```
#dadff0
```
#dadff0 rgb(218,223,240)
```
#e8ebf6
```
#e8ebf6 rgb(232,235,246)
```
#f6f7fb
```
#f6f7fb rgb(246,247,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #91949c is the less saturated color, while #3164fc is the most saturated one.

#91949c
```
#91949c rgb(145,148,156)
```
#8990a4
```
#8990a4 rgb(137,144,164)
```
#818cac
```
#818cac rgb(129,140,172)
```
#7988b4
```
#7988b4 rgb(121,136,180)
```
#7184bc
```
#7184bc rgb(113,132,188)
```
#6980c4
```
#6980c4 rgb(105,128,196)
```
#617ccc
```
#617ccc rgb(97,124,204)
```
#5978d4
```
#5978d4 rgb(89,120,212)
```
#5174dc
```
#5174dc rgb(81,116,220)
```
#4970e4
```
#4970e4 rgb(73,112,228)
```
#416cec
```
#416cec rgb(65,108,236)
```
#3968f4
```
#3968f4 rgb(57,104,244)
```
#3164fc
```
#3164fc rgb(49,100,252)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#7c818e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7086c7 Protanopia 1% of men
#6988c6 Deuteranopia 1% of men
#60909a Tritanopia 0.001% of the population

Trichromacy

#6d84c5 Protanomaly 1% of men, 0.01% of women
#6985c5 Deuteranomaly 6% of men, 0.4% of women
#638aa9 Tritanomaly 0.01% of the population

#6980c4 hex color

#6980c4 Color Information

#6980c4 Color Conversion

Color Schemes with #6980c4

Alternatives to #6980c4

#6980c4 Preview

Shades and Tints of #6980c4

Tones of #6980c4

Color Blindness Simulator