#6977aa hex color

In a RGB color space, hex #6977aa is composed of 41.2% red, 46.7% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 38.2% cyan, 30% magenta, 0% yellow and 33.3% black. It has a hue angle of 227.1 degrees, a saturation of 27.7% and a lightness of 53.9%. #6977aa color hex could be obtained by blending #d2eeff with #000055. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 41
- G 47
- B 67
RGB color chart
- C 38
- M 30
- Y 0
- K 33
CMYK color chart

● #6977aa color description : Mostly desaturated dark blue.

The hexadecimal color #6977aa has RGB values of R:105, G:119, B:170 and CMYK values of C:0.38, M:0.3, Y:0, K:0.33. Its decimal value is 6911914.

Hex triplet	6977aa	`#6977aa`
RGB Decimal	105, 119, 170	`rgb(105,119,170)`
RGB Percent	41.2, 46.7, 66.7	`rgb(41.2%,46.7%,66.7%)`
CMYK	38, 30, 0, 33
HSL	227.1°, 27.7, 53.9	`hsl(227.1,27.7%,53.9%)`
HSV (or HSB)	227.1°, 38.2, 66.7
Web Safe	666699	`#666699`

CIE-LAB	50.802, 7.843, -28.867
XYZ	19.677, 19.099, 40.678
xyY	0.248, 0.24, 19.099
CIE-LCH	50.802, 29.914, 285.199
CIE-LUV	50.802, -9.263, -44.187
Hunter-Lab	43.702, 3.891, -24.596
Binary	01101001, 01110111, 10101010

#6977aa
```
#6977aa rgb(105,119,170)
```
#aa9c69
```
#aa9c69 rgb(170,156,105)
```

Complementary Color

#6998aa
```
#6998aa rgb(105,152,170)
```
#6977aa
```
#6977aa rgb(105,119,170)
```
#7c69aa
```
#7c69aa rgb(124,105,170)
```

Analogous Color

#98aa69
```
#98aa69 rgb(152,170,105)
```
#6977aa
```
#6977aa rgb(105,119,170)
```
#aa7c69
```
#aa7c69 rgb(170,124,105)
```

Split Complementary Color

#77aa69
```
#77aa69 rgb(119,170,105)
```
#6977aa
```
#6977aa rgb(105,119,170)
```
#aa6977
```
#aa6977 rgb(170,105,119)
```

Triadic Color

#69aa9c
```
#69aa9c rgb(105,170,156)
```
#6977aa
```
#6977aa rgb(105,119,170)
```
#aa6977
```
#aa6977 rgb(170,105,119)
```
#aa9c69
```
#aa9c69 rgb(170,156,105)
```

Tetradic Color

#48547f
```
#48547f rgb(72,84,127)
```
#515e8f
```
#515e8f rgb(81,94,143)
```
#5a699f
```
#5a699f rgb(90,105,159)
```
#6977aa
```
#6977aa rgb(105,119,170)
```
#7986b3
```
#7986b3 rgb(121,134,179)
```
#8a95bc
```
#8a95bc rgb(138,149,188)
```
#9aa3c6
```
#9aa3c6 rgb(154,163,198)
```

Monochromatic Color

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

#6987aa
```
#6987aa rgb(105,135,170)
```
#6982aa
```
#6982aa rgb(105,130,170)
```
#697caa
```
#697caa rgb(105,124,170)
```
#6977aa
```
#6977aa rgb(105,119,170)
```
#6972aa
```
#6972aa rgb(105,114,170)
```
#696caa
```
#696caa rgb(105,108,170)
```
#6b69aa
```
#6b69aa rgb(107,105,170)
```

Similar Colors

Text with hexadecimal color #6977aa

This text has a font color of #6977aa.

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

#6977aa background color

This paragraph has a background color of #6977aa.

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

#6977aa border color

This element has a border color of #6977aa.

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

CSS codes

.text {color:#6977aa;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#07080d
```
#07080d rgb(7,8,13)
```
#0e1119
```
#0e1119 rgb(14,17,25)
```
#151926
```
#151926 rgb(21,25,38)
```
#1d2132
```
#1d2132 rgb(29,33,50)
```
#24293f
```
#24293f rgb(36,41,63)
```
#2b324b
```
#2b324b rgb(43,50,75)
```
#323a58
```
#323a58 rgb(50,58,88)
```
#394264
```
#394264 rgb(57,66,100)
```
#404b71
```
#404b71 rgb(64,75,113)
```
#47537d
```
#47537d rgb(71,83,125)
```
#4e5b8a
```
#4e5b8a rgb(78,91,138)
```
#556396
```
#556396 rgb(85,99,150)
```

Shade Color Variation

#5c6ca3
```
#5c6ca3 rgb(92,108,163)
```
#6977aa
```
#6977aa rgb(105,119,170)
```
#7682b1
```
#7682b1 rgb(118,130,177)
```
#828eb8
```
#828eb8 rgb(130,142,184)
```
#8f99bf
```
#8f99bf rgb(143,153,191)
```
#9ba4c6
```
#9ba4c6 rgb(155,164,198)
```
#a8b0cd
```
#a8b0cd rgb(168,176,205)
```
#b4bbd5
```
#b4bbd5 rgb(180,187,213)
```
#c1c6dc
```
#c1c6dc rgb(193,198,220)
```
#cdd2e3
```
#cdd2e3 rgb(205,210,227)
```
#daddea
```
#daddea rgb(218,221,234)
```
#e6e9f1
```
#e6e9f1 rgb(230,233,241)
```
#f3f4f8
```
#f3f4f8 rgb(243,244,248)
```

Tint Color Variation

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

#84868f
```
#84868f rgb(132,134,143)
```
#7b8198
```
#7b8198 rgb(123,129,152)
```
#727ca1
```
#727ca1 rgb(114,124,161)
```
#6977aa
```
#6977aa rgb(105,119,170)
```
#6072b3
```
#6072b3 rgb(96,114,179)
```
#576dbc
```
#576dbc rgb(87,109,188)
```
#4e68c5
```
#4e68c5 rgb(78,104,197)
```
#4562ce
```
#4562ce rgb(69,98,206)
```
#3c5dd7
```
#3c5dd7 rgb(60,93,215)
```
#3358e0
```
#3358e0 rgb(51,88,224)
```
#2a53e9
```
#2a53e9 rgb(42,83,233)
```
#214ef2
```
#214ef2 rgb(33,78,242)
```
#1849fb
```
#1849fb rgb(24,73,251)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#767983 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f7eae Protanopia 1% of men
#6e7eae Deuteranopia 1% of men
#67848e Tritanopia 0.001% of the population

Trichromacy

#6d7bac Protanomaly 1% of men, 0.01% of women
#6c7bac Deuteranomaly 6% of men, 0.4% of women
#677f98 Tritanomaly 0.01% of the population

#6977aa hex color

#6977aa Color Information

#6977aa Color Conversion

Color Schemes with #6977aa

Alternatives to #6977aa

#6977aa Preview

Shades and Tints of #6977aa

Tones of #6977aa

Color Blindness Simulator