#6976b7 hex color

In a RGB color space, hex #6976b7 is composed of 41.2% red, 46.3% green and 71.8% blue. Whereas in a CMYK color space, it is composed of 42.6% cyan, 35.5% magenta, 0% yellow and 28.2% black. It has a hue angle of 230 degrees, a saturation of 35.1% and a lightness of 56.5%. #6976b7 color hex could be obtained by blending #d2ecff with #00006f. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 41
- G 46
- B 72
RGB color chart
- C 43
- M 36
- Y 0
- K 28
CMYK color chart

● #6976b7 color description : Slightly desaturated blue.

The hexadecimal color #6976b7 has RGB values of R:105, G:118, B:183 and CMYK values of C:0.43, M:0.36, Y:0, K:0.28. Its decimal value is 6911671.

Hex triplet	6976b7	`#6976b7`
RGB Decimal	105, 118, 183	`rgb(105,118,183)`
RGB Percent	41.2, 46.3, 71.8	`rgb(41.2%,46.3%,71.8%)`
CMYK	43, 36, 0, 28
HSL	230°, 35.1, 56.5	`hsl(230,35.1%,56.5%)`
HSV (or HSB)	230°, 42.6, 71.8
Web Safe	6666cc	`#6666cc`

CIE-LAB	51.127, 12.208, -35.883
XYZ	20.85, 19.378, 47.439
xyY	0.238, 0.221, 19.378
CIE-LCH	51.127, 37.903, 288.789
CIE-LUV	51.127, -9.357, -55.864
Hunter-Lab	44.021, 7.507, -33.079
Binary	01101001, 01110110, 10110111

#6976b7
```
#6976b7 rgb(105,118,183)
```
#b7aa69
```
#b7aa69 rgb(183,170,105)
```

Complementary Color

#699db7
```
#699db7 rgb(105,157,183)
```
#6976b7
```
#6976b7 rgb(105,118,183)
```
#8369b7
```
#8369b7 rgb(131,105,183)
```

Analogous Color

#9db769
```
#9db769 rgb(157,183,105)
```
#6976b7
```
#6976b7 rgb(105,118,183)
```
#b78369
```
#b78369 rgb(183,131,105)
```

Split Complementary Color

#76b769
```
#76b769 rgb(118,183,105)
```
#6976b7
```
#6976b7 rgb(105,118,183)
```
#b76976
```
#b76976 rgb(183,105,118)
```

Triadic Color

#69b7aa
```
#69b7aa rgb(105,183,170)
```
#6976b7
```
#6976b7 rgb(105,118,183)
```
#b76976
```
#b76976 rgb(183,105,118)
```
#b7aa69
```
#b7aa69 rgb(183,170,105)
```

Tetradic Color

#45518f
```
#45518f rgb(69,81,143)
```
#4d5ba0
```
#4d5ba0 rgb(77,91,160)
```
#5866af
```
#5866af rgb(88,102,175)
```
#6976b7
```
#6976b7 rgb(105,118,183)
```
#7a86bf
```
#7a86bf rgb(122,134,191)
```
#8b95c8
```
#8b95c8 rgb(139,149,200)
```
#9da5d0
```
#9da5d0 rgb(157,165,208)
```

Monochromatic Color

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

#698ab7
```
#698ab7 rgb(105,138,183)
```
#6983b7
```
#6983b7 rgb(105,131,183)
```
#697db7
```
#697db7 rgb(105,125,183)
```
#6976b7
```
#6976b7 rgb(105,118,183)
```
#6970b7
```
#6970b7 rgb(105,112,183)
```
#6969b7
```
#6969b7 rgb(105,105,183)
```
#7069b7
```
#7069b7 rgb(112,105,183)
```

Similar Colors

Text with hexadecimal color #6976b7

This text has a font color of #6976b7.

<span style="color:#6976b7;">Text here</span>

#6976b7 background color

This paragraph has a background color of #6976b7.

<p style="background-color:#6976b7;">Content here</p>

#6976b7 border color

This element has a border color of #6976b7.

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

CSS codes

.text {color:#6976b7;}

.background {background-color:#6976b7;}

.border {border:1px solid #6976b7;}

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

#040509
```
#040509 rgb(4,5,9)
```
#0b0d16
```
#0b0d16 rgb(11,13,22)
```
#111424
```
#111424 rgb(17,20,36)
```
#171c31
```
#171c31 rgb(23,28,49)
```
#1e233e
```
#1e233e rgb(30,35,62)
```
#242b4b
```
#242b4b rgb(36,43,75)
```
#2b3259
```
#2b3259 rgb(43,50,89)
```
#313a66
```
#313a66 rgb(49,58,102)
```
#374173
```
#374173 rgb(55,65,115)
```
#3e4980
```
#3e4980 rgb(62,73,128)
```
#44508e
```
#44508e rgb(68,80,142)
```
#4a589b
```
#4a589b rgb(74,88,155)
```
#515fa8
```
#515fa8 rgb(81,95,168)
```

Shade Color Variation

#5c6ab1
```
#5c6ab1 rgb(92,106,177)
```
#6976b7
```
#6976b7 rgb(105,118,183)
```
#7682bd
```
#7682bd rgb(118,130,189)
```
#848ec4
```
#848ec4 rgb(132,142,196)
```
#919aca
```
#919aca rgb(145,154,202)
```
#9ea6d0
```
#9ea6d0 rgb(158,166,208)
```
#abb3d7
```
#abb3d7 rgb(171,179,215)
```
#b9bfdd
```
#b9bfdd rgb(185,191,221)
```
#c6cbe4
```
#c6cbe4 rgb(198,203,228)
```
#d3d7ea
```
#d3d7ea rgb(211,215,234)
```
#e0e3f0
```
#e0e3f0 rgb(224,227,240)
```
#eeeff7
```
#eeeff7 rgb(238,239,247)
```
#fbfbfd
```
#fbfbfd rgb(251,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b8d95 is the less saturated color, while #2548fb is the most saturated one.

#8b8d95
```
#8b8d95 rgb(139,141,149)
```
#83879d
```
#83879d rgb(131,135,157)
```
#7a81a6
```
#7a81a6 rgb(122,129,166)
```
#727cae
```
#727cae rgb(114,124,174)
```
#6976b7
```
#6976b7 rgb(105,118,183)
```
#6070c0
```
#6070c0 rgb(96,112,192)
```
#586bc8
```
#586bc8 rgb(88,107,200)
```
#4f65d1
```
#4f65d1 rgb(79,101,209)
```
#475fd9
```
#475fd9 rgb(71,95,217)
```
#3e5ae2
```
#3e5ae2 rgb(62,90,226)
```
#3654ea
```
#3654ea rgb(54,84,234)
```
#2d4ef3
```
#2d4ef3 rgb(45,78,243)
```
#2548fb
```
#2548fb rgb(37,72,251)
```

Tone Color Variation

Below, you can see how #6976b7 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

#7a7a7a Achromatopsia 0.005% of the population
#777986 Atypical Achromatopsia 0.001% of the population

Dichromacy

#697ebb Protanopia 1% of men
#6480b9 Deuteranopia 1% of men
#628690 Tritanopia 0.001% of the population

Trichromacy

#697bba Protanomaly 1% of men, 0.01% of women
#667cb8 Deuteranomaly 6% of men, 0.4% of women
#65809e Tritanomaly 0.01% of the population

#6976b7 hex color

#6976b7 Color Information

#6976b7 Color Conversion

Color Schemes with #6976b7

Alternatives to #6976b7

#6976b7 Preview

Shades and Tints of #6976b7

Tones of #6976b7

Color Blindness Simulator