#6981e2 hex color

In a RGB color space, hex #6981e2 is composed of 41.2% red, 50.6% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 53.5% cyan, 42.9% magenta, 0% yellow and 11.4% black. It has a hue angle of 228.1 degrees, a saturation of 67.6% and a lightness of 64.9%. #6981e2 color hex could be obtained by blending #d2ffff with #0003c5. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 41
- G 51
- B 89
RGB color chart
- C 54
- M 43
- Y 0
- K 11
CMYK color chart

● #6981e2 color description : Soft blue.

The hexadecimal color #6981e2 has RGB values of R:105, G:129, B:226 and CMYK values of C:0.54, M:0.43, Y:0, K:0.11. Its decimal value is 6914530.

Hex triplet	6981e2	`#6981e2`
RGB Decimal	105, 129, 226	`rgb(105,129,226)`
RGB Percent	41.2, 50.6, 88.6	`rgb(41.2%,50.6%,88.6%)`
CMYK	54, 43, 0, 11
HSL	228.1°, 67.6, 64.9	`hsl(228.1,67.6%,64.9%)`
HSV (or HSB)	228.1°, 53.5, 88.6
Web Safe	6699cc	`#6699cc`

CIE-LAB	56.281, 18.745, -52.143
XYZ	27.401, 24.194, 75.173
xyY	0.216, 0.191, 24.194
CIE-LCH	56.281, 55.41, 289.773
CIE-LUV	56.281, -14.533, -83.963
Hunter-Lab	49.187, 13.36, -56.183
Binary	01101001, 10000001, 11100010

#6981e2
```
#6981e2 rgb(105,129,226)
```
#e2ca69
```
#e2ca69 rgb(226,202,105)
```

Complementary Color

#69bee2
```
#69bee2 rgb(105,190,226)
```
#6981e2
```
#6981e2 rgb(105,129,226)
```
#8e69e2
```
#8e69e2 rgb(142,105,226)
```

Analogous Color

#bee269
```
#bee269 rgb(190,226,105)
```
#6981e2
```
#6981e2 rgb(105,129,226)
```
#e28e69
```
#e28e69 rgb(226,142,105)
```

Split Complementary Color

#81e269
```
#81e269 rgb(129,226,105)
```
#6981e2
```
#6981e2 rgb(105,129,226)
```
#e26981
```
#e26981 rgb(226,105,129)
```

Triadic Color

#69e2ca
```
#69e2ca rgb(105,226,202)
```
#6981e2
```
#6981e2 rgb(105,129,226)
```
#e26981
```
#e26981 rgb(226,105,129)
```
#e2ca69
```
#e2ca69 rgb(226,202,105)
```

Tetradic Color

#294bd5
```
#294bd5 rgb(41,75,213)
```
#3e5dda
```
#3e5dda rgb(62,93,218)
```
#546fde
```
#546fde rgb(84,111,222)
```
#6981e2
```
#6981e2 rgb(105,129,226)
```
#7e93e6
```
#7e93e6 rgb(126,147,230)
```
#94a5ea
```
#94a5ea rgb(148,165,234)
```
#a9b7ee
```
#a9b7ee rgb(169,183,238)
```

Monochromatic Color

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

#699fe2
```
#699fe2 rgb(105,159,226)
```
#6995e2
```
#6995e2 rgb(105,149,226)
```
#698be2
```
#698be2 rgb(105,139,226)
```
#6981e2
```
#6981e2 rgb(105,129,226)
```
#6977e2
```
#6977e2 rgb(105,119,226)
```
#696de2
```
#696de2 rgb(105,109,226)
```
#6f69e2
```
#6f69e2 rgb(111,105,226)
```

Similar Colors

Text with hexadecimal color #6981e2

This text has a font color of #6981e2.

<span style="color:#6981e2;">Text here</span>

#6981e2 background color

This paragraph has a background color of #6981e2.

<p style="background-color:#6981e2;">Content here</p>

#6981e2 border color

This element has a border color of #6981e2.

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

CSS codes

.text {color:#6981e2;}

.background {background-color:#6981e2;}

.border {border:1px solid #6981e2;}

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, #03050e is the darkest color, while #fdfdff is the lightest one.

#03050e
```
#03050e rgb(3,5,14)
```
#060b1f
```
#060b1f rgb(6,11,31)
```
#09112f
```
#09112f rgb(9,17,47)
```
#0c1740
```
#0c1740 rgb(12,23,64)
```
#0f1c50
```
#0f1c50 rgb(15,28,80)
```
#132261
```
#132261 rgb(19,34,97)
```
#162871
```
#162871 rgb(22,40,113)
```
#192e81
```
#192e81 rgb(25,46,129)
```
#1c3492
```
#1c3492 rgb(28,52,146)
```
#1f39a2
```
#1f39a2 rgb(31,57,162)
```
#233fb3
```
#233fb3 rgb(35,63,179)
```
#2645c3
```
#2645c3 rgb(38,69,195)
```
#294bd4
```
#294bd4 rgb(41,75,212)
```

Shade Color Variation

#3858d8
```
#3858d8 rgb(56,88,216)
```
#4865dc
```
#4865dc rgb(72,101,220)
```
#5973df
```
#5973df rgb(89,115,223)
```
#6981e2
```
#6981e2 rgb(105,129,226)
```
#798fe5
```
#798fe5 rgb(121,143,229)
```
#8a9de8
```
#8a9de8 rgb(138,157,232)
```
#9aaaec
```
#9aaaec rgb(154,170,236)
```
#abb8ef
```
#abb8ef rgb(171,184,239)
```
#bbc6f2
```
#bbc6f2 rgb(187,198,242)
```
#ccd4f5
```
#ccd4f5 rgb(204,212,245)
```
#dce2f8
```
#dce2f8 rgb(220,226,248)
```
#eceffb
```
#eceffb rgb(236,239,251)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#a0a2ab
```
#a0a2ab rgb(160,162,171)
```
#999eb2
```
#999eb2 rgb(153,158,178)
```
#929ab9
```
#929ab9 rgb(146,154,185)
```
#8b96c0
```
#8b96c0 rgb(139,150,192)
```
#8592c6
```
#8592c6 rgb(133,146,198)
```
#7e8dcd
```
#7e8dcd rgb(126,141,205)
```
#7789d4
```
#7789d4 rgb(119,137,212)
```
#7085db
```
#7085db rgb(112,133,219)
```
#6981e2
```
#6981e2 rgb(105,129,226)
```
#627de9
```
#627de9 rgb(98,125,233)
```
#5b79f0
```
#5b79f0 rgb(91,121,240)
```
#5475f7
```
#5475f7 rgb(84,117,247)
```
#4d70fe
```
#4d70fe rgb(77,112,254)
```

Tone Color Variation

Below, you can see how #6981e2 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
#7f8498 Atypical Achromatopsia 0.001% of the population

Dichromacy

#618ae5 Protanopia 1% of men
#4e8ee0 Deuteranopia 1% of men
#5297a2 Tritanopia 0.001% of the population

Trichromacy

#6486e4 Protanomaly 1% of men, 0.01% of women
#5889e1 Deuteranomaly 6% of men, 0.4% of women
#5a8fb9 Tritanomaly 0.01% of the population

#6981e2 hex color

#6981e2 Color Information

#6981e2 Color Conversion

Color Schemes with #6981e2

Alternatives to #6981e2

#6981e2 Preview

Shades and Tints of #6981e2

Tones of #6981e2

Color Blindness Simulator