#6a77b2 hex color

In a RGB color space, hex #6a77b2 is composed of 41.6% red, 46.7% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 40.4% cyan, 33.1% magenta, 0% yellow and 30.2% black. It has a hue angle of 229.2 degrees, a saturation of 31.9% and a lightness of 55.7%. #6a77b2 color hex could be obtained by blending #d4eeff with #000065. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 42
- G 47
- B 70
RGB color chart
- C 40
- M 33
- Y 0
- K 30
CMYK color chart

● #6a77b2 color description : Mostly desaturated dark blue.

The hexadecimal color #6a77b2 has RGB values of R:106, G:119, B:178 and CMYK values of C:0.4, M:0.33, Y:0, K:0.3. Its decimal value is 6977458.

Hex triplet	6a77b2	`#6a77b2`
RGB Decimal	106, 119, 178	`rgb(106,119,178)`
RGB Percent	41.6, 46.7, 69.8	`rgb(41.6%,46.7%,69.8%)`
CMYK	40, 33, 0, 30
HSL	229.2°, 31.9, 55.7	`hsl(229.2,31.9%,55.7%)`
HSV (or HSB)	229.2°, 40.4, 69.8
Web Safe	666699	`#666699`

CIE-LAB	51.234, 10.414, -32.823
XYZ	20.575, 19.472, 44.791
xyY	0.243, 0.23, 19.472
CIE-LCH	51.234, 34.436, 287.604
CIE-LUV	51.234, -9.147, -50.827
Hunter-Lab	44.127, 6.008, -29.295
Binary	01101010, 01110111, 10110010

#6a77b2
```
#6a77b2 rgb(106,119,178)
```
#b2a56a
```
#b2a56a rgb(178,165,106)
```

Complementary Color

#6a9bb2
```
#6a9bb2 rgb(106,155,178)
```
#6a77b2
```
#6a77b2 rgb(106,119,178)
```
#816ab2
```
#816ab2 rgb(129,106,178)
```

Analogous Color

#9bb26a
```
#9bb26a rgb(155,178,106)
```
#6a77b2
```
#6a77b2 rgb(106,119,178)
```
#b2816a
```
#b2816a rgb(178,129,106)
```

Split Complementary Color

#77b26a
```
#77b26a rgb(119,178,106)
```
#6a77b2
```
#6a77b2 rgb(106,119,178)
```
#b26a77
```
#b26a77 rgb(178,106,119)
```

Triadic Color

#6ab2a5
```
#6ab2a5 rgb(106,178,165)
```
#6a77b2
```
#6a77b2 rgb(106,119,178)
```
#b26a77
```
#b26a77 rgb(178,106,119)
```
#b2a56a
```
#b2a56a rgb(178,165,106)
```

Tetradic Color

#475389
```
#475389 rgb(71,83,137)
```
#4f5d9a
```
#4f5d9a rgb(79,93,154)
```
#5968a9
```
#5968a9 rgb(89,104,169)
```
#6a77b2
```
#6a77b2 rgb(106,119,178)
```
#7b86bb
```
#7b86bb rgb(123,134,187)
```
#8c96c3
```
#8c96c3 rgb(140,150,195)
```
#9ca5cc
```
#9ca5cc rgb(156,165,204)
```

Monochromatic Color

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

#6a89b2
```
#6a89b2 rgb(106,137,178)
```
#6a83b2
```
#6a83b2 rgb(106,131,178)
```
#6a7db2
```
#6a7db2 rgb(106,125,178)
```
#6a77b2
```
#6a77b2 rgb(106,119,178)
```
#6a71b2
```
#6a71b2 rgb(106,113,178)
```
#6a6bb2
```
#6a6bb2 rgb(106,107,178)
```
#6f6ab2
```
#6f6ab2 rgb(111,106,178)
```

Similar Colors

Text with hexadecimal color #6a77b2

This text has a font color of #6a77b2.

<span style="color:#6a77b2;">Text here</span>

#6a77b2 background color

This paragraph has a background color of #6a77b2.

<p style="background-color:#6a77b2;">Content here</p>

#6a77b2 border color

This element has a border color of #6a77b2.

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

CSS codes

.text {color:#6a77b2;}

.background {background-color:#6a77b2;}

.border {border:1px solid #6a77b2;}

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

#030406
```
#030406 rgb(3,4,6)
```
#0a0c13
```
#0a0c13 rgb(10,12,19)
```
#111320
```
#111320 rgb(17,19,32)
```
#171b2d
```
#171b2d rgb(23,27,45)
```
#1e233a
```
#1e233a rgb(30,35,58)
```
#252b47
```
#252b47 rgb(37,43,71)
```
#2b3354
```
#2b3354 rgb(43,51,84)
```
#323a61
```
#323a61 rgb(50,58,97)
```
#39426e
```
#39426e rgb(57,66,110)
```
#3f4a7b
```
#3f4a7b rgb(63,74,123)
```
#465288
```
#465288 rgb(70,82,136)
```
#4d5a94
```
#4d5a94 rgb(77,90,148)
```
#5361a1
```
#5361a1 rgb(83,97,161)
```

Shade Color Variation

#5d6bab
```
#5d6bab rgb(93,107,171)
```
#6a77b2
```
#6a77b2 rgb(106,119,178)
```
#7783b9
```
#7783b9 rgb(119,131,185)
```
#848fbf
```
#848fbf rgb(132,143,191)
```
#919ac6
```
#919ac6 rgb(145,154,198)
```
#9ea6cd
```
#9ea6cd rgb(158,166,205)
```
#abb2d3
```
#abb2d3 rgb(171,178,211)
```
#b8beda
```
#b8beda rgb(184,190,218)
```
#c5cae1
```
#c5cae1 rgb(197,202,225)
```
#d1d5e7
```
#d1d5e7 rgb(209,213,231)
```
#dee1ee
```
#dee1ee rgb(222,225,238)
```
#ebedf5
```
#ebedf5 rgb(235,237,245)
```
#f8f9fc
```
#f8f9fc rgb(248,249,252)
```

Tint Color Variation

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

#8d8d8f
```
#8d8d8f rgb(141,141,143)
```
#848898
```
#848898 rgb(132,136,152)
```
#7b82a1
```
#7b82a1 rgb(123,130,161)
```
#737da9
```
#737da9 rgb(115,125,169)
```
#6a77b2
```
#6a77b2 rgb(106,119,178)
```
#6171bb
```
#6171bb rgb(97,113,187)
```
#596cc3
```
#596cc3 rgb(89,108,195)
```
#5066cc
```
#5066cc rgb(80,102,204)
```
#4761d5
```
#4761d5 rgb(71,97,213)
```
#3f5bdd
```
#3f5bdd rgb(63,91,221)
```
#3656e6
```
#3656e6 rgb(54,86,230)
```
#2d50ef
```
#2d50ef rgb(45,80,239)
```
#244bf8
```
#244bf8 rgb(36,75,248)
```

Tone Color Variation

Below, you can see how #6a77b2 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
#777985 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d7fb6 Protanopia 1% of men
#6980b5 Deuteranopia 1% of men
#65868f Tritanopia 0.001% of the population

Trichromacy

#6b7cb5 Protanomaly 1% of men, 0.01% of women
#697cb4 Deuteranomaly 6% of men, 0.4% of women
#67809c Tritanomaly 0.01% of the population

#6a77b2 hex color

#6a77b2 Color Information

#6a77b2 Color Conversion

Color Schemes with #6a77b2

Alternatives to #6a77b2

#6a77b2 Preview

Shades and Tints of #6a77b2

Tones of #6a77b2

Color Blindness Simulator