#6980dd hex color

In a RGB color space, hex #6980dd is composed of 41.2% red, 50.2% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 52.5% cyan, 42.1% magenta, 0% yellow and 13.3% black. It has a hue angle of 228.1 degrees, a saturation of 63% and a lightness of 63.9%. #6980dd color hex could be obtained by blending #d2ffff with #0001bb. Closest websafe color is: #6699cc.

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

● #6980dd color description : Soft blue.

The hexadecimal color #6980dd has RGB values of R:105, G:128, B:221 and CMYK values of C:0.52, M:0.42, Y:0, K:0.13. Its decimal value is 6914269.

Hex triplet	6980dd	`#6980dd`
RGB Decimal	105, 128, 221	`rgb(105,128,221)`
RGB Percent	41.2, 50.2, 86.7	`rgb(41.2%,50.2%,86.7%)`
CMYK	52, 42, 0, 13
HSL	228.1°, 63, 63.9	`hsl(228.1,63%,63.9%)`
HSV (or HSB)	228.1°, 52.5, 86.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	55.747, 17.772, -50.192
XYZ	26.593, 23.661, 71.568
xyY	0.218, 0.194, 23.661
CIE-LCH	55.747, 53.246, 289.498
CIE-LUV	55.747, -14.077, -80.564
Hunter-Lab	48.642, 12.463, -53.184
Binary	01101001, 10000000, 11011101

#6980dd
```
#6980dd rgb(105,128,221)
```
#ddc669
```
#ddc669 rgb(221,198,105)
```

Complementary Color

#69badd
```
#69badd rgb(105,186,221)
```
#6980dd
```
#6980dd rgb(105,128,221)
```
#8c69dd
```
#8c69dd rgb(140,105,221)
```

Analogous Color

#badd69
```
#badd69 rgb(186,221,105)
```
#6980dd
```
#6980dd rgb(105,128,221)
```
#dd8c69
```
#dd8c69 rgb(221,140,105)
```

Split Complementary Color

#80dd69
```
#80dd69 rgb(128,221,105)
```
#6980dd
```
#6980dd rgb(105,128,221)
```
#dd6980
```
#dd6980 rgb(221,105,128)
```

Triadic Color

#69ddc6
```
#69ddc6 rgb(105,221,198)
```
#6980dd
```
#6980dd rgb(105,128,221)
```
#dd6980
```
#dd6980 rgb(221,105,128)
```
#ddc669
```
#ddc669 rgb(221,198,105)
```

Tetradic Color

#2e4dcb
```
#2e4dcb rgb(46,77,203)
```
#3f5dd4
```
#3f5dd4 rgb(63,93,212)
```
#546ed8
```
#546ed8 rgb(84,110,216)
```
#6980dd
```
#6980dd rgb(105,128,221)
```
#7e92e2
```
#7e92e2 rgb(126,146,226)
```
#93a3e6
```
#93a3e6 rgb(147,163,230)
```
#a7b5eb
```
#a7b5eb rgb(167,181,235)
```

Monochromatic Color

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

#699ddd
```
#699ddd rgb(105,157,221)
```
#6993dd
```
#6993dd rgb(105,147,221)
```
#698add
```
#698add rgb(105,138,221)
```
#6980dd
```
#6980dd rgb(105,128,221)
```
#6976dd
```
#6976dd rgb(105,118,221)
```
#696ddd
```
#696ddd rgb(105,109,221)
```
#6f69dd
```
#6f69dd rgb(111,105,221)
```

Similar Colors

Text with hexadecimal color #6980dd

This text has a font color of #6980dd.

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

#6980dd background color

This paragraph has a background color of #6980dd.

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

#6980dd border color

This element has a border color of #6980dd.

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

CSS codes

.text {color:#6980dd;}

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

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

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, #02040a is the darkest color, while #f9fafe is the lightest one.

#02040a
```
#02040a rgb(2,4,10)
```
#060a1a
```
#060a1a rgb(6,10,26)
```
#09102a
```
#09102a rgb(9,16,42)
```
#0d163a
```
#0d163a rgb(13,22,58)
```
#111c4a
```
#111c4a rgb(17,28,74)
```
#14225a
```
#14225a rgb(20,34,90)
```
#18286a
```
#18286a rgb(24,40,106)
```
#1c2e7a
```
#1c2e7a rgb(28,46,122)
```
#1f348a
```
#1f348a rgb(31,52,138)
```
#233a9a
```
#233a9a rgb(35,58,154)
```
#2641aa
```
#2641aa rgb(38,65,170)
```
#2a47ba
```
#2a47ba rgb(42,71,186)
```
#2e4dca
```
#2e4dca rgb(46,77,202)
```

Shade Color Variation

#3957d2
```
#3957d2 rgb(57,87,210)
```
#4965d6
```
#4965d6 rgb(73,101,214)
```
#5972d9
```
#5972d9 rgb(89,114,217)
```
#6980dd
```
#6980dd rgb(105,128,221)
```
#798ee1
```
#798ee1 rgb(121,142,225)
```
#899be4
```
#899be4 rgb(137,155,228)
```
#99a9e8
```
#99a9e8 rgb(153,169,232)
```
#a9b6eb
```
#a9b6eb rgb(169,182,235)
```
#b9c4ef
```
#b9c4ef rgb(185,196,239)
```
#c9d1f3
```
#c9d1f3 rgb(201,209,243)
```
#d9dff6
```
#d9dff6 rgb(217,223,246)
```
#e9ecfa
```
#e9ecfa rgb(233,236,250)
```
#f9fafe
```
#f9fafe rgb(249,250,254)
```

Tint Color Variation

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

#a2a2a4
```
#a2a2a4 rgb(162,162,164)
```
#9b9eab
```
#9b9eab rgb(155,158,171)
```
#939ab3
```
#939ab3 rgb(147,154,179)
```
#8c95ba
```
#8c95ba rgb(140,149,186)
```
#8591c1
```
#8591c1 rgb(133,145,193)
```
#7e8dc8
```
#7e8dc8 rgb(126,141,200)
```
#7789cf
```
#7789cf rgb(119,137,207)
```
#7084d6
```
#7084d6 rgb(112,132,214)
```
#6980dd
```
#6980dd rgb(105,128,221)
```
#627ce4
```
#627ce4 rgb(98,124,228)
```
#5b77eb
```
#5b77eb rgb(91,119,235)
```
#5473f2
```
#5473f2 rgb(84,115,242)
```
#4d6ff9
```
#4d6ff9 rgb(77,111,249)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#7f8396 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6389e0 Protanopia 1% of men
#528cdc Deuteranopia 1% of men
#5595a0 Tritanopia 0.001% of the population

Trichromacy

#6585df Protanomaly 1% of men, 0.01% of women
#5a88dc Deuteranomaly 6% of men, 0.4% of women
#5c8db6 Tritanomaly 0.01% of the population

#6980dd hex color

#6980dd Color Information

#6980dd Color Conversion

Color Schemes with #6980dd

Alternatives to #6980dd

#6980dd Preview

Shades and Tints of #6980dd

Tones of #6980dd

Color Blindness Simulator