#6980ea hex color

In a RGB color space, hex #6980ea is composed of 41.2% red, 50.2% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 55.1% cyan, 45.3% magenta, 0% yellow and 8.2% black. It has a hue angle of 229.3 degrees, a saturation of 75.4% and a lightness of 66.5%. #6980ea color hex could be obtained by blending #d2ffff with #0001d5. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 41
- G 50
- B 92
RGB color chart
- C 55
- M 45
- Y 0
- K 8
CMYK color chart

● #6980ea color description : Soft blue.

The hexadecimal color #6980ea has RGB values of R:105, G:128, B:234 and CMYK values of C:0.55, M:0.45, Y:0, K:0.08. Its decimal value is 6914282.

Hex triplet	6980ea	`#6980ea`
RGB Decimal	105, 128, 234	`rgb(105,128,234)`
RGB Percent	41.2, 50.2, 91.8	`rgb(41.2%,50.2%,91.8%)`
CMYK	55, 45, 0, 8
HSL	229.3°, 75.4, 66.5	`hsl(229.3,75.4%,66.5%)`
HSV (or HSB)	229.3°, 55.1, 91.8
Web Safe	6699ff	`#6699ff`

CIE-LAB	56.467, 21.884, -56.311
XYZ	28.393, 24.381, 81.047
xyY	0.212, 0.182, 24.381
CIE-LCH	56.467, 60.414, 291.237
CIE-LUV	56.467, -14.4, -91.025
Hunter-Lab	49.377, 16.233, -62.755
Binary	01101001, 10000000, 11101010

#6980ea
```
#6980ea rgb(105,128,234)
```
#ead369
```
#ead369 rgb(234,211,105)
```

Complementary Color

#69c1ea
```
#69c1ea rgb(105,193,234)
```
#6980ea
```
#6980ea rgb(105,128,234)
```
#9369ea
```
#9369ea rgb(147,105,234)
```

Analogous Color

#c1ea69
```
#c1ea69 rgb(193,234,105)
```
#6980ea
```
#6980ea rgb(105,128,234)
```
#ea9369
```
#ea9369 rgb(234,147,105)
```

Split Complementary Color

#80ea69
```
#80ea69 rgb(128,234,105)
```
#6980ea
```
#6980ea rgb(105,128,234)
```
#ea6980
```
#ea6980 rgb(234,105,128)
```

Triadic Color

#69ead3
```
#69ead3 rgb(105,234,211)
```
#6980ea
```
#6980ea rgb(105,128,234)
```
#ea6980
```
#ea6980 rgb(234,105,128)
```
#ead369
```
#ead369 rgb(234,211,105)
```

Tetradic Color

#2647e1
```
#2647e1 rgb(38,71,225)
```
#3c5ae4
```
#3c5ae4 rgb(60,90,228)
```
#536de7
```
#536de7 rgb(83,109,231)
```
#6980ea
```
#6980ea rgb(105,128,234)
```
#7f93ed
```
#7f93ed rgb(127,147,237)
```
#96a6f0
```
#96a6f0 rgb(150,166,240)
```
#acb9f3
```
#acb9f3 rgb(172,185,243)
```

Monochromatic Color

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

#69a0ea
```
#69a0ea rgb(105,160,234)
```
#6996ea
```
#6996ea rgb(105,150,234)
```
#698bea
```
#698bea rgb(105,139,234)
```
#6980ea
```
#6980ea rgb(105,128,234)
```
#6975ea
```
#6975ea rgb(105,117,234)
```
#696bea
```
#696bea rgb(105,107,234)
```
#7269ea
```
#7269ea rgb(114,105,234)
```

Similar Colors

Text with hexadecimal color #6980ea

This text has a font color of #6980ea.

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

#6980ea background color

This paragraph has a background color of #6980ea.

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

#6980ea border color

This element has a border color of #6980ea.

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

CSS codes

.text {color:#6980ea;}

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

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

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

#010105
```
#010105 rgb(1,1,5)
```
#030616
```
#030616 rgb(3,6,22)
```
#050c27
```
#050c27 rgb(5,12,39)
```
#081138
```
#081138 rgb(8,17,56)
```
#0a164a
```
#0a164a rgb(10,22,74)
```
#0d1b5b
```
#0d1b5b rgb(13,27,91)
```
#0f206c
```
#0f206c rgb(15,32,108)
```
#12257d
```
#12257d rgb(18,37,125)
```
#142a8f
```
#142a8f rgb(20,42,143)
```
#162fa0
```
#162fa0 rgb(22,47,160)
```
#1934b1
```
#1934b1 rgb(25,52,177)
```
#1b39c2
```
#1b39c2 rgb(27,57,194)
```
#1e3ed3
```
#1e3ed3 rgb(30,62,211)
```

Shade Color Variation

#2446e0
```
#2446e0 rgb(36,70,224)
```
#3554e3
```
#3554e3 rgb(53,84,227)
```
#4763e5
```
#4763e5 rgb(71,99,229)
```
#5871e8
```
#5871e8 rgb(88,113,232)
```
#6980ea
```
#6980ea rgb(105,128,234)
```
#7a8fec
```
#7a8fec rgb(122,143,236)
```
#8b9def
```
#8b9def rgb(139,157,239)
```
#9dacf1
```
#9dacf1 rgb(157,172,241)
```
#aebaf4
```
#aebaf4 rgb(174,186,244)
```
#bfc9f6
```
#bfc9f6 rgb(191,201,246)
```
#d0d7f8
```
#d0d7f8 rgb(208,215,248)
```
#e1e6fb
```
#e1e6fb rgb(225,230,251)
```
#f3f5fd
```
#f3f5fd rgb(243,245,253)
```

Tint Color Variation

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

#a4a6af
```
#a4a6af rgb(164,166,175)
```
#9ea2b5
```
#9ea2b5 rgb(158,162,181)
```
#979ebc
```
#979ebc rgb(151,158,188)
```
#9099c3
```
#9099c3 rgb(144,153,195)
```
#8a95c9
```
#8a95c9 rgb(138,149,201)
```
#8391d0
```
#8391d0 rgb(131,145,208)
```
#7d8dd6
```
#7d8dd6 rgb(125,141,214)
```
#7688dd
```
#7688dd rgb(118,136,221)
```
#7084e3
```
#7084e3 rgb(112,132,227)
```
#6980ea
```
#6980ea rgb(105,128,234)
```
#627cf1
```
#627cf1 rgb(98,124,241)
```
#5c78f7
```
#5c78f7 rgb(92,120,247)
```
#5573fe
```
#5573fe rgb(85,115,254)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#7f8499 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a8aee Protanopia 1% of men
#3f8fe7 Deuteranopia 1% of men
#4d98a3 Tritanopia 0.001% of the population

Trichromacy

#5f86ec Protanomaly 1% of men, 0.01% of women
#4e89e8 Deuteranomaly 6% of men, 0.4% of women
#578fbc Tritanomaly 0.01% of the population

#6980ea hex color

#6980ea Color Information

#6980ea Color Conversion

Color Schemes with #6980ea

Alternatives to #6980ea

#6980ea Preview

Shades and Tints of #6980ea

Tones of #6980ea

Color Blindness Simulator