#6980c2 hex color

In a RGB color space, hex #6980c2 is composed of 41.2% red, 50.2% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 45.9% cyan, 34% magenta, 0% yellow and 23.9% black. It has a hue angle of 224.5 degrees, a saturation of 42.2% and a lightness of 58.6%. #6980c2 color hex could be obtained by blending #d2ffff with #000185. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 41
- G 50
- B 76
RGB color chart
- C 46
- M 34
- Y 0
- K 24
CMYK color chart

● #6980c2 color description : Slightly desaturated blue.

The hexadecimal color #6980c2 has RGB values of R:105, G:128, B:194 and CMYK values of C:0.46, M:0.34, Y:0, K:0.24. Its decimal value is 6914242.

Hex triplet	6980c2	`#6980c2`
RGB Decimal	105, 128, 194	`rgb(105,128,194)`
RGB Percent	41.2, 50.2, 76.1	`rgb(41.2%,50.2%,76.1%)`
CMYK	46, 34, 0, 24
HSL	224.5°, 42.2, 58.6	`hsl(224.5,42.2%,58.6%)`
HSV (or HSB)	224.5°, 45.9, 76.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	54.381, 9.471, -37.08
XYZ	23.28, 22.336, 54.121
xyY	0.233, 0.224, 22.336
CIE-LCH	54.381, 38.271, 284.328
CIE-LUV	54.381, -13.427, -58.154
Hunter-Lab	47.261, 5.222, -34.813
Binary	01101001, 10000000, 11000010

#6980c2
```
#6980c2 rgb(105,128,194)
```
#c2ab69
```
#c2ab69 rgb(194,171,105)
```

Complementary Color

#69adc2
```
#69adc2 rgb(105,173,194)
```
#6980c2
```
#6980c2 rgb(105,128,194)
```
#7f69c2
```
#7f69c2 rgb(127,105,194)
```

Analogous Color

#adc269
```
#adc269 rgb(173,194,105)
```
#6980c2
```
#6980c2 rgb(105,128,194)
```
#c27f69
```
#c27f69 rgb(194,127,105)
```

Split Complementary Color

#80c269
```
#80c269 rgb(128,194,105)
```
#6980c2
```
#6980c2 rgb(105,128,194)
```
#c26980
```
#c26980 rgb(194,105,128)
```

Triadic Color

#69c2ab
```
#69c2ab rgb(105,194,171)
```
#6980c2
```
#6980c2 rgb(105,128,194)
```
#c26980
```
#c26980 rgb(194,105,128)
```
#c2ab69
```
#c2ab69 rgb(194,171,105)
```

Tetradic Color

#40599e
```
#40599e rgb(64,89,158)
```
#4863b0
```
#4863b0 rgb(72,99,176)
```
#5771bb
```
#5771bb rgb(87,113,187)
```
#6980c2
```
#6980c2 rgb(105,128,194)
```
#7b8fc9
```
#7b8fc9 rgb(123,143,201)
```
#8d9fd1
```
#8d9fd1 rgb(141,159,209)
```
#9faed8
```
#9faed8 rgb(159,174,216)
```

Monochromatic Color

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

#6996c2
```
#6996c2 rgb(105,150,194)
```
#698fc2
```
#698fc2 rgb(105,143,194)
```
#6987c2
```
#6987c2 rgb(105,135,194)
```
#6980c2
```
#6980c2 rgb(105,128,194)
```
#6979c2
```
#6979c2 rgb(105,121,194)
```
#6971c2
```
#6971c2 rgb(105,113,194)
```
#696ac2
```
#696ac2 rgb(105,106,194)
```

Similar Colors

Text with hexadecimal color #6980c2

This text has a font color of #6980c2.

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

#6980c2 background color

This paragraph has a background color of #6980c2.

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

#6980c2 border color

This element has a border color of #6980c2.

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

CSS codes

.text {color:#6980c2;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#070a11
```
#070a11 rgb(7,10,17)
```
#0d121f
```
#0d121f rgb(13,18,31)
```
#12192d
```
#12192d rgb(18,25,45)
```
#18213b
```
#18213b rgb(24,33,59)
```
#1e2949
```
#1e2949 rgb(30,41,73)
```
#233157
```
#233157 rgb(35,49,87)
```
#293965
```
#293965 rgb(41,57,101)
```
#2f4073
```
#2f4073 rgb(47,64,115)
```
#344881
```
#344881 rgb(52,72,129)
```
#3a508f
```
#3a508f rgb(58,80,143)
```
#40589d
```
#40589d rgb(64,88,157)
```
#4560ab
```
#4560ab rgb(69,96,171)
```

Shade Color Variation

#4d68b7
```
#4d68b7 rgb(77,104,183)
```
#5b74bc
```
#5b74bc rgb(91,116,188)
```
#6980c2
```
#6980c2 rgb(105,128,194)
```
#778cc8
```
#778cc8 rgb(119,140,200)
```
#8598cd
```
#8598cd rgb(133,152,205)
```
#93a3d3
```
#93a3d3 rgb(147,163,211)
```
#a1afd9
```
#a1afd9 rgb(161,175,217)
```
#afbbde
```
#afbbde rgb(175,187,222)
```
#bdc7e4
```
#bdc7e4 rgb(189,199,228)
```
#cbd3ea
```
#cbd3ea rgb(203,211,234)
```
#d9deef
```
#d9deef rgb(217,222,239)
```
#e7eaf5
```
#e7eaf5 rgb(231,234,245)
```
#f4f6fb
```
#f4f6fb rgb(244,246,251)
```

Tint Color Variation

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

#929499
```
#929499 rgb(146,148,153)
```
#8990a2
```
#8990a2 rgb(137,144,162)
```
#818caa
```
#818caa rgb(129,140,170)
```
#7988b2
```
#7988b2 rgb(121,136,178)
```
#7184ba
```
#7184ba rgb(113,132,186)
```
#6980c2
```
#6980c2 rgb(105,128,194)
```
#617cca
```
#617cca rgb(97,124,202)
```
#5978d2
```
#5978d2 rgb(89,120,210)
```
#5174da
```
#5174da rgb(81,116,218)
```
#4970e2
```
#4970e2 rgb(73,112,226)
```
#406ceb
```
#406ceb rgb(64,108,235)
```
#3868f3
```
#3868f3 rgb(56,104,243)
```
#3065fb
```
#3065fb rgb(48,101,251)
```

Tone Color Variation

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

#7186c5 Protanopia 1% of men
#6b87c4 Deuteranopia 1% of men
#618f9a Tritanopia 0.001% of the population

Trichromacy

#6e84c3 Protanomaly 1% of men, 0.01% of women
#6a85c3 Deuteranomaly 6% of men, 0.4% of women
#648aa8 Tritanomaly 0.01% of the population

#6980c2 hex color

#6980c2 Color Information

#6980c2 Color Conversion

Color Schemes with #6980c2

Alternatives to #6980c2

#6980c2 Preview

Shades and Tints of #6980c2

Tones of #6980c2

Color Blindness Simulator