#6980ef hex color

In a RGB color space, hex #6980ef is composed of 41.2% red, 50.2% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 56.1% cyan, 46.4% magenta, 0% yellow and 6.3% black. It has a hue angle of 229.7 degrees, a saturation of 80.7% and a lightness of 67.5%. #6980ef color hex could be obtained by blending #d2ffff with #0001df. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 41
- G 50
- B 94
RGB color chart
- C 56
- M 46
- Y 0
- K 6
CMYK color chart

● #6980ef color description : Soft blue.

The hexadecimal color #6980ef has RGB values of R:105, G:128, B:239 and CMYK values of C:0.56, M:0.46, Y:0, K:0.06. Its decimal value is 6914287.

Hex triplet	6980ef	`#6980ef`
RGB Decimal	105, 128, 239	`rgb(105,128,239)`
RGB Percent	41.2, 50.2, 93.7	`rgb(41.2%,50.2%,93.7%)`
CMYK	56, 46, 0, 6
HSL	229.7°, 80.7, 67.5	`hsl(229.7,80.7%,67.5%)`
HSV (or HSB)	229.7°, 56.1, 93.7
Web Safe	6699ff	`#6699ff`

CIE-LAB	56.755, 23.479, -58.632
XYZ	29.122, 24.672, 84.884
xyY	0.21, 0.178, 24.672
CIE-LCH	56.755, 63.159, 291.824
CIE-LUV	56.755, -14.525, -94.983
Hunter-Lab	49.671, 17.728, -66.552
Binary	01101001, 10000000, 11101111

#6980ef
```
#6980ef rgb(105,128,239)
```
#efd869
```
#efd869 rgb(239,216,105)
```

Complementary Color

#69c3ef
```
#69c3ef rgb(105,195,239)
```
#6980ef
```
#6980ef rgb(105,128,239)
```
#9569ef
```
#9569ef rgb(149,105,239)
```

Analogous Color

#c3ef69
```
#c3ef69 rgb(195,239,105)
```
#6980ef
```
#6980ef rgb(105,128,239)
```
#ef9569
```
#ef9569 rgb(239,149,105)
```

Split Complementary Color

#80ef69
```
#80ef69 rgb(128,239,105)
```
#6980ef
```
#6980ef rgb(105,128,239)
```
#ef6980
```
#ef6980 rgb(239,105,128)
```

Triadic Color

#69efd8
```
#69efd8 rgb(105,239,216)
```
#6980ef
```
#6980ef rgb(105,128,239)
```
#ef6980
```
#ef6980 rgb(239,105,128)
```
#efd869
```
#efd869 rgb(239,216,105)
```

Tetradic Color

#2445e8
```
#2445e8 rgb(36,69,232)
```
#3b59ea
```
#3b59ea rgb(59,89,234)
```
#526ced
```
#526ced rgb(82,108,237)
```
#6980ef
```
#6980ef rgb(105,128,239)
```
#8094f1
```
#8094f1 rgb(128,148,241)
```
#97a7f4
```
#97a7f4 rgb(151,167,244)
```
#aebbf6
```
#aebbf6 rgb(174,187,246)
```

Monochromatic Color

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

#69a2ef
```
#69a2ef rgb(105,162,239)
```
#6996ef
```
#6996ef rgb(105,150,239)
```
#698bef
```
#698bef rgb(105,139,239)
```
#6980ef
```
#6980ef rgb(105,128,239)
```
#6975ef
```
#6975ef rgb(105,117,239)
```
#696aef
```
#696aef rgb(105,106,239)
```
#7469ef
```
#7469ef rgb(116,105,239)
```

Similar Colors

Text with hexadecimal color #6980ef

This text has a font color of #6980ef.

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

#6980ef background color

This paragraph has a background color of #6980ef.

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

#6980ef border color

This element has a border color of #6980ef.

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

CSS codes

.text {color:#6980ef;}

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

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

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

#01020a
```
#01020a rgb(1,2,10)
```
#03071b
```
#03071b rgb(3,7,27)
```
#050c2d
```
#050c2d rgb(5,12,45)
```
#07103f
```
#07103f rgb(7,16,63)
```
#091550
```
#091550 rgb(9,21,80)
```
#0a1a62
```
#0a1a62 rgb(10,26,98)
```
#0c1e74
```
#0c1e74 rgb(12,30,116)
```
#0e2386
```
#0e2386 rgb(14,35,134)
```
#102797
```
#102797 rgb(16,39,151)
```
#122ca9
```
#122ca9 rgb(18,44,169)
```
#1431bb
```
#1431bb rgb(20,49,187)
```
#1635cc
```
#1635cc rgb(22,53,204)
```
#183ade
```
#183ade rgb(24,58,222)
```

Shade Color Variation

#2244e7
```
#2244e7 rgb(34,68,231)
```
#3453e9
```
#3453e9 rgb(52,83,233)
```
#4662eb
```
#4662eb rgb(70,98,235)
```
#5771ed
```
#5771ed rgb(87,113,237)
```
#6980ef
```
#6980ef rgb(105,128,239)
```
#7b8ff1
```
#7b8ff1 rgb(123,143,241)
```
#8c9ef3
```
#8c9ef3 rgb(140,158,243)
```
#9eadf5
```
#9eadf5 rgb(158,173,245)
```
#b0bcf7
```
#b0bcf7 rgb(176,188,247)
```
#c2cbf8
```
#c2cbf8 rgb(194,203,248)
```
#d3dafa
```
#d3dafa rgb(211,218,250)
```
#e5e9fc
```
#e5e9fc rgb(229,233,252)
```
#f7f8fe
```
#f7f8fe rgb(247,248,254)
```

Tint Color Variation

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

#a9aaaf
```
#a9aaaf rgb(169,170,175)
```
#a2a6b6
```
#a2a6b6 rgb(162,166,182)
```
#9ca2bc
```
#9ca2bc rgb(156,162,188)
```
#969dc2
```
#969dc2 rgb(150,157,194)
```
#8f99c9
```
#8f99c9 rgb(143,153,201)
```
#8995cf
```
#8995cf rgb(137,149,207)
```
#8391d5
```
#8391d5 rgb(131,145,213)
```
#7c8ddc
```
#7c8ddc rgb(124,141,220)
```
#7688e2
```
#7688e2 rgb(118,136,226)
```
#6f84e9
```
#6f84e9 rgb(111,132,233)
```
#6980ef
```
#6980ef rgb(105,128,239)
```
#637cf5
```
#637cf5 rgb(99,124,245)
```
#5c78fc
```
#5c78fc rgb(92,120,252)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#80859b Atypical Achromatopsia 0.001% of the population

Dichromacy

#558af3 Protanopia 1% of men
#3590eb Deuteranopia 1% of men
#4999a4 Tritanopia 0.001% of the population

Trichromacy

#5c86f1 Protanomaly 1% of men, 0.01% of women
#488aec Deuteranomaly 6% of men, 0.4% of women
#5590bf Tritanomaly 0.01% of the population

#6980ef hex color

#6980ef Color Information

#6980ef Color Conversion

Color Schemes with #6980ef

Alternatives to #6980ef

#6980ef Preview

Shades and Tints of #6980ef

Tones of #6980ef

Color Blindness Simulator