#6981bc hex color

In a RGB color space, hex #6981bc is composed of 41.2% red, 50.6% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 44.1% cyan, 31.4% magenta, 0% yellow and 26.3% black. It has a hue angle of 222.7 degrees, a saturation of 38.2% and a lightness of 57.5%. #6981bc color hex could be obtained by blending #d2ffff with #000379. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 41
- G 51
- B 74
RGB color chart
- C 44
- M 31
- Y 0
- K 26
CMYK color chart

● #6981bc color description : Slightly desaturated blue.

The hexadecimal color #6981bc has RGB values of R:105, G:129, B:188 and CMYK values of C:0.44, M:0.31, Y:0, K:0.26. Its decimal value is 6914492.

Hex triplet	6981bc	`#6981bc`
RGB Decimal	105, 129, 188	`rgb(105,129,188)`
RGB Percent	41.2, 50.6, 73.7	`rgb(41.2%,50.6%,73.7%)`
CMYK	44, 31, 0, 26
HSL	222.7°, 38.2, 57.5	`hsl(222.7,38.2%,57.5%)`
HSV (or HSB)	222.7°, 44.1, 73.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	54.379, 7.091, -33.659
XYZ	22.751, 22.334, 50.686
xyY	0.238, 0.233, 22.334
CIE-LCH	54.379, 34.398, 281.896
CIE-LUV	54.379, -13.669, -52.362
Hunter-Lab	47.259, 3.23, -30.509
Binary	01101001, 10000001, 10111100

#6981bc
```
#6981bc rgb(105,129,188)
```
#bca469
```
#bca469 rgb(188,164,105)
```

Complementary Color

#69abbc
```
#69abbc rgb(105,171,188)
```
#6981bc
```
#6981bc rgb(105,129,188)
```
#7b69bc
```
#7b69bc rgb(123,105,188)
```

Analogous Color

#abbc69
```
#abbc69 rgb(171,188,105)
```
#6981bc
```
#6981bc rgb(105,129,188)
```
#bc7b69
```
#bc7b69 rgb(188,123,105)
```

Split Complementary Color

#81bc69
```
#81bc69 rgb(129,188,105)
```
#6981bc
```
#6981bc rgb(105,129,188)
```
#bc6981
```
#bc6981 rgb(188,105,129)
```

Triadic Color

#69bca4
```
#69bca4 rgb(105,188,164)
```
#6981bc
```
#6981bc rgb(105,129,188)
```
#bc6981
```
#bc6981 rgb(188,105,129)
```
#bca469
```
#bca469 rgb(188,164,105)
```

Tetradic Color

#435b96
```
#435b96 rgb(67,91,150)
```
#4b65a7
```
#4b65a7 rgb(75,101,167)
```
#5772b4
```
#5772b4 rgb(87,114,180)
```
#6981bc
```
#6981bc rgb(105,129,188)
```
#7b90c4
```
#7b90c4 rgb(123,144,196)
```
#8c9fcc
```
#8c9fcc rgb(140,159,204)
```
#9eadd4
```
#9eadd4 rgb(158,173,212)
```

Monochromatic Color

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

#6996bc
```
#6996bc rgb(105,150,188)
```
#698fbc
```
#698fbc rgb(105,143,188)
```
#6988bc
```
#6988bc rgb(105,136,188)
```
#6981bc
```
#6981bc rgb(105,129,188)
```
#697abc
```
#697abc rgb(105,122,188)
```
#6973bc
```
#6973bc rgb(105,115,188)
```
#696cbc
```
#696cbc rgb(105,108,188)
```

Similar Colors

Text with hexadecimal color #6981bc

This text has a font color of #6981bc.

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

#6981bc background color

This paragraph has a background color of #6981bc.

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

#6981bc border color

This element has a border color of #6981bc.

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

CSS codes

.text {color:#6981bc;}

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

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

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, #06080d is the darkest color, while #fefeff is the lightest one.

#06080d
```
#06080d rgb(6,8,13)
```
#0c101a
```
#0c101a rgb(12,16,26)
```
#121828
```
#121828 rgb(18,24,40)
```
#182035
```
#182035 rgb(24,32,53)
```
#1e2943
```
#1e2943 rgb(30,41,67)
```
#243151
```
#243151 rgb(36,49,81)
```
#2a395e
```
#2a395e rgb(42,57,94)
```
#30416c
```
#30416c rgb(48,65,108)
```
#364a79
```
#364a79 rgb(54,74,121)
```
#3c5287
```
#3c5287 rgb(60,82,135)
```
#425a94
```
#425a94 rgb(66,90,148)
```
#4862a2
```
#4862a2 rgb(72,98,162)
```
#4e6aaf
```
#4e6aaf rgb(78,106,175)
```

Shade Color Variation

#5b76b6
```
#5b76b6 rgb(91,118,182)
```
#6981bc
```
#6981bc rgb(105,129,188)
```
#778cc2
```
#778cc2 rgb(119,140,194)
```
#8498c8
```
#8498c8 rgb(132,152,200)
```
#92a3ce
```
#92a3ce rgb(146,163,206)
```
#9fafd4
```
#9fafd4 rgb(159,175,212)
```
#adbada
```
#adbada rgb(173,186,218)
```
#bac5e0
```
#bac5e0 rgb(186,197,224)
```
#c8d1e6
```
#c8d1e6 rgb(200,209,230)
```
#d5dcec
```
#d5dcec rgb(213,220,236)
```
#e3e8f3
```
#e3e8f3 rgb(227,232,243)
```
#f1f3f9
```
#f1f3f9 rgb(241,243,249)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#8a8f9b
```
#8a8f9b rgb(138,143,155)
```
#828ca3
```
#828ca3 rgb(130,140,163)
```
#7a88ab
```
#7a88ab rgb(122,136,171)
```
#7185b4
```
#7185b4 rgb(113,133,180)
```
#6981bc
```
#6981bc rgb(105,129,188)
```
#617dc4
```
#617dc4 rgb(97,125,196)
```
#587acd
```
#587acd rgb(88,122,205)
```
#5076d5
```
#5076d5 rgb(80,118,213)
```
#4873dd
```
#4873dd rgb(72,115,221)
```
#3f6fe6
```
#3f6fe6 rgb(63,111,230)
```
#376cee
```
#376cee rgb(55,108,238)
```
#2f68f6
```
#2f68f6 rgb(47,104,246)
```
#2665ff
```
#2665ff rgb(38,101,255)
```

Tone Color Variation

Below, you can see how #6981bc 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

#818181 Achromatopsia 0.005% of the population
#7c818d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7586be Protanopia 1% of men
#7087bf Deuteranopia 1% of men
#638f99 Tritanopia 0.001% of the population

Trichromacy

#7084bd Protanomaly 1% of men, 0.01% of women
#6d85be Deuteranomaly 6% of men, 0.4% of women
#658aa6 Tritanomaly 0.01% of the population

#6981bc hex color

#6981bc Color Information

#6981bc Color Conversion

Color Schemes with #6981bc

Alternatives to #6981bc

#6981bc Preview

Shades and Tints of #6981bc

Tones of #6981bc

Color Blindness Simulator