#6977e2 hex color

In a RGB color space, hex #6977e2 is composed of 41.2% red, 46.7% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 53.5% cyan, 47.3% magenta, 0% yellow and 11.4% black. It has a hue angle of 233.1 degrees, a saturation of 67.6% and a lightness of 64.9%. #6977e2 color hex could be obtained by blending #d2eeff with #0000c5. Closest websafe color is: #6666cc.

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

● #6977e2 color description : Soft blue.

The hexadecimal color #6977e2 has RGB values of R:105, G:119, B:226 and CMYK values of C:0.54, M:0.47, Y:0, K:0.11. Its decimal value is 6911970.

Hex triplet	6977e2	`#6977e2`
RGB Decimal	105, 119, 226	`rgb(105,119,226)`
RGB Percent	41.2, 46.7, 88.6	`rgb(41.2%,46.7%,88.6%)`
CMYK	54, 47, 0, 11
HSL	233.1°, 67.6, 64.9	`hsl(233.1,67.6%,64.9%)`
HSV (or HSB)	233.1°, 53.5, 88.6
Web Safe	6666cc	`#6666cc`

CIE-LAB	53.693, 24.785, -56.277
XYZ	26.147, 21.687, 74.756
xyY	0.213, 0.177, 21.687
CIE-LCH	53.693, 61.493, 293.769
CIE-LUV	53.693, -11.289, -90.262
Hunter-Lab	46.569, 18.727, -62.577
Binary	01101001, 01110111, 11100010

#6977e2
```
#6977e2 rgb(105,119,226)
```
#e2d469
```
#e2d469 rgb(226,212,105)
```

Complementary Color

#69b4e2
```
#69b4e2 rgb(105,180,226)
```
#6977e2
```
#6977e2 rgb(105,119,226)
```
#9869e2
```
#9869e2 rgb(152,105,226)
```

Analogous Color

#b4e269
```
#b4e269 rgb(180,226,105)
```
#6977e2
```
#6977e2 rgb(105,119,226)
```
#e29869
```
#e29869 rgb(226,152,105)
```

Split Complementary Color

#77e269
```
#77e269 rgb(119,226,105)
```
#6977e2
```
#6977e2 rgb(105,119,226)
```
#e26977
```
#e26977 rgb(226,105,119)
```

Triadic Color

#69e2d4
```
#69e2d4 rgb(105,226,212)
```
#6977e2
```
#6977e2 rgb(105,119,226)
```
#e26977
```
#e26977 rgb(226,105,119)
```
#e2d469
```
#e2d469 rgb(226,212,105)
```

Tetradic Color

#293dd5
```
#293dd5 rgb(41,61,213)
```
#3e50da
```
#3e50da rgb(62,80,218)
```
#5464de
```
#5464de rgb(84,100,222)
```
#6977e2
```
#6977e2 rgb(105,119,226)
```
#7e8ae6
```
#7e8ae6 rgb(126,138,230)
```
#949eea
```
#949eea rgb(148,158,234)
```
#a9b1ee
```
#a9b1ee rgb(169,177,238)
```

Monochromatic Color

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

#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)
```
#7969e2
```
#7969e2 rgb(121,105,226)
```

Similar Colors

Text with hexadecimal color #6977e2

This text has a font color of #6977e2.

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

#6977e2 background color

This paragraph has a background color of #6977e2.

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

#6977e2 border color

This element has a border color of #6977e2.

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

CSS codes

.text {color:#6977e2;}

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

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

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

#03040e
```
#03040e rgb(3,4,14)
```
#06091f
```
#06091f rgb(6,9,31)
```
#090e2f
```
#090e2f rgb(9,14,47)
```
#0c1240
```
#0c1240 rgb(12,18,64)
```
#0f1750
```
#0f1750 rgb(15,23,80)
```
#131c61
```
#131c61 rgb(19,28,97)
```
#162071
```
#162071 rgb(22,32,113)
```
#192581
```
#192581 rgb(25,37,129)
```
#1c2a92
```
#1c2a92 rgb(28,42,146)
```
#1f2fa2
```
#1f2fa2 rgb(31,47,162)
```
#2333b3
```
#2333b3 rgb(35,51,179)
```
#2638c3
```
#2638c3 rgb(38,56,195)
```
#293dd4
```
#293dd4 rgb(41,61,212)
```

Shade Color Variation

#384ad8
```
#384ad8 rgb(56,74,216)
```
#4859dc
```
#4859dc rgb(72,89,220)
```
#5968df
```
#5968df rgb(89,104,223)
```
#6977e2
```
#6977e2 rgb(105,119,226)
```
#7986e5
```
#7986e5 rgb(121,134,229)
```
#8a95e8
```
#8a95e8 rgb(138,149,232)
```
#9aa4ec
```
#9aa4ec rgb(154,164,236)
```
#abb3ef
```
#abb3ef rgb(171,179,239)
```
#bbc2f2
```
#bbc2f2 rgb(187,194,242)
```
#ccd0f5
```
#ccd0f5 rgb(204,208,245)
```
#dcdff8
```
#dcdff8 rgb(220,223,248)
```
#eceefb
```
#eceefb rgb(236,238,251)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#a0a1ab
```
#a0a1ab rgb(160,161,171)
```
#999cb2
```
#999cb2 rgb(153,156,178)
```
#9297b9
```
#9297b9 rgb(146,151,185)
```
#8b91c0
```
#8b91c0 rgb(139,145,192)
```
#858cc6
```
#858cc6 rgb(133,140,198)
```
#7e87cd
```
#7e87cd rgb(126,135,205)
```
#7782d4
```
#7782d4 rgb(119,130,212)
```
#707cdb
```
#707cdb rgb(112,124,219)
```
#6977e2
```
#6977e2 rgb(105,119,226)
```
#6272e9
```
#6272e9 rgb(98,114,233)
```
#5b6cf0
```
#5b6cf0 rgb(91,108,240)
```
#5467f7
```
#5467f7 rgb(84,103,247)
```
#4d62fe
```
#4d62fe rgb(77,98,254)
```

Tone Color Variation

Below, you can see how #6977e2 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

#7f7f7f Achromatopsia 0.005% of the population
#7b7d93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f83e8 Protanopia 1% of men
#3388df Deuteranopia 1% of men
#4f909a Tritanopia 0.001% of the population

Trichromacy

#587fe5 Protanomaly 1% of men, 0.01% of women
#4782e0 Deuteranomaly 6% of men, 0.4% of women
#5887b4 Tritanomaly 0.01% of the population

#6977e2 hex color

#6977e2 Color Information

#6977e2 Color Conversion

Color Schemes with #6977e2

Alternatives to #6977e2

#6977e2 Preview

Shades and Tints of #6977e2

Tones of #6977e2

Color Blindness Simulator