colorhexa.com

#6980d5 hex color

In a RGB color space, hex #6980d5 is composed of 41.2% red, 50.2% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 50.7% cyan, 39.9% magenta, 0% yellow and 16.5% black. It has a hue angle of 227.2 degrees, a saturation of 56.3% and a lightness of 62.4%. #6980d5 color hex could be obtained by blending #d2ffff with #0001ab. Closest websafe color is: #6699cc.

- R 41
- G 50
- B 84
RGB color chart
- C 51
- M 40
- Y 0
- K 16
CMYK color chart

● #6980d5 color description : Moderate blue.

The hexadecimal color #6980d5 has RGB values of R:105, G:128, B:213 and CMYK values of C:0.51, M:0.4, Y:0, K:0.16. Its decimal value is 6914261.

Hex triplet	6980d5	`#6980d5`
RGB Decimal	105, 128, 213	`rgb(105,128,213)`
RGB Percent	41.2, 50.2, 83.5	`rgb(41.2%,50.2%,83.5%)`
CMYK	51, 40, 0, 16
HSL	227.2°, 56.3, 62.4	`hsl(227.2,56.3%,62.4%)`
HSV (or HSB)	227.2°, 50.7, 83.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	55.323, 15.274, -46.365
XYZ	25.553, 23.245, 66.087
xyY	0.222, 0.202, 23.245
CIE-LCH	55.323, 48.816, 288.233
CIE-LUV	55.323, -13.882, -74.012
Hunter-Lab	48.213, 10.232, -47.523
Binary	01101001, 10000000, 11010101

#6980d5
```
#6980d5 rgb(105,128,213)
```
#d5be69
```
#d5be69 rgb(213,190,105)
```

Complementary Color

#69b6d5
```
#69b6d5 rgb(105,182,213)
```
#6980d5
```
#6980d5 rgb(105,128,213)
```
#8869d5
```
#8869d5 rgb(136,105,213)
```

Analogous Color

#b6d569
```
#b6d569 rgb(182,213,105)
```
#6980d5
```
#6980d5 rgb(105,128,213)
```
#d58869
```
#d58869 rgb(213,136,105)
```

Split Complementary Color

#80d569
```
#80d569 rgb(128,213,105)
```
#6980d5
```
#6980d5 rgb(105,128,213)
```
#d56980
```
#d56980 rgb(213,105,128)
```

Triadic Color

#69d5be
```
#69d5be rgb(105,213,190)
```
#6980d5
```
#6980d5 rgb(105,128,213)
```
#d56980
```
#d56980 rgb(213,105,128)
```
#d5be69
```
#d5be69 rgb(213,190,105)
```

Tetradic Color

#3552bd
```
#3552bd rgb(53,82,189)
```
#415eca
```
#415eca rgb(65,94,202)
```
#556fcf
```
#556fcf rgb(85,111,207)
```
#6980d5
```
#6980d5 rgb(105,128,213)
```
#7d91db
```
#7d91db rgb(125,145,219)
```
#91a2e0
```
#91a2e0 rgb(145,162,224)
```
#a5b3e6
```
#a5b3e6 rgb(165,179,230)
```

Monochromatic Color

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

#699bd5
```
#699bd5 rgb(105,155,213)
```
#6992d5
```
#6992d5 rgb(105,146,213)
```
#6989d5
```
#6989d5 rgb(105,137,213)
```
#6980d5
```
#6980d5 rgb(105,128,213)
```
#6977d5
```
#6977d5 rgb(105,119,213)
```
#696ed5
```
#696ed5 rgb(105,110,213)
```
#6d69d5
```
#6d69d5 rgb(109,105,213)
```

Similar Colors

Text with hexadecimal color #6980d5

This text has a font color of #6980d5.

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

#6980d5 background color

This paragraph has a background color of #6980d5.

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

#6980d5 border color

This element has a border color of #6980d5.

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

CSS codes

.text {color:#6980d5;}

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

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

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

#010103
```
#010103 rgb(1,1,3)
```
#050813
```
#050813 rgb(5,8,19)
```
#090f22
```
#090f22 rgb(9,15,34)
```
#0e1531
```
#0e1531 rgb(14,21,49)
```
#121c41
```
#121c41 rgb(18,28,65)
```
#162350
```
#162350 rgb(22,35,80)
```
#1b295f
```
#1b295f rgb(27,41,95)
```
#1f306f
```
#1f306f rgb(31,48,111)
```
#23377e
```
#23377e rgb(35,55,126)
```
#283d8d
```
#283d8d rgb(40,61,141)
```
#2c449c
```
#2c449c rgb(44,68,156)
```
#304aac
```
#304aac rgb(48,74,172)
```
#3451bb
```
#3451bb rgb(52,81,187)
```

Shade Color Variation

#3b59c8
```
#3b59c8 rgb(59,89,200)
```
#4a66cc
```
#4a66cc rgb(74,102,204)
```
#5a73d1
```
#5a73d1 rgb(90,115,209)
```
#6980d5
```
#6980d5 rgb(105,128,213)
```
#788dd9
```
#788dd9 rgb(120,141,217)
```
#889ade
```
#889ade rgb(136,154,222)
```
#97a7e2
```
#97a7e2 rgb(151,167,226)
```
#a6b4e6
```
#a6b4e6 rgb(166,180,230)
```
#b6c1ea
```
#b6c1ea rgb(182,193,234)
```
#c5ceef
```
#c5ceef rgb(197,206,239)
```
#d4dbf3
```
#d4dbf3 rgb(212,219,243)
```
#e4e8f7
```
#e4e8f7 rgb(228,232,247)
```
#f3f5fc
```
#f3f5fc rgb(243,245,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9d9ea1 is the less saturated color, while #446bfa is the most saturated one.

#9d9ea1
```
#9d9ea1 rgb(157,158,161)
```
#9599a9
```
#9599a9 rgb(149,153,169)
```
#8e95b0
```
#8e95b0 rgb(142,149,176)
```
#8791b7
```
#8791b7 rgb(135,145,183)
```
#7f8dbf
```
#7f8dbf rgb(127,141,191)
```
#7888c6
```
#7888c6 rgb(120,136,198)
```
#7084ce
```
#7084ce rgb(112,132,206)
```
#6980d5
```
#6980d5 rgb(105,128,213)
```
#627cdc
```
#627cdc rgb(98,124,220)
```
#5a78e4
```
#5a78e4 rgb(90,120,228)
```
#5373eb
```
#5373eb rgb(83,115,235)
```
#4b6ff3
```
#4b6ff3 rgb(75,111,243)
```
#446bfa
```
#446bfa rgb(68,107,250)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#7e8293 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6888d8 Protanopia 1% of men
#5b8bd5 Deuteranopia 1% of men
#59939e Tritanopia 0.001% of the population

Trichromacy

#6885d7 Protanomaly 1% of men, 0.01% of women
#6087d5 Deuteranomaly 6% of men, 0.4% of women
#5e8cb2 Tritanomaly 0.01% of the population