#6a77bc hex color

In a RGB color space, hex #6a77bc is composed of 41.6% red, 46.7% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 43.6% cyan, 36.7% magenta, 0% yellow and 26.3% black. It has a hue angle of 230.5 degrees, a saturation of 38% and a lightness of 57.6%. #6a77bc color hex could be obtained by blending #d4eeff with #000079. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 42
- G 47
- B 74
RGB color chart
- C 44
- M 37
- Y 0
- K 26
CMYK color chart

● #6a77bc color description : Slightly desaturated blue.

The hexadecimal color #6a77bc has RGB values of R:106, G:119, B:188 and CMYK values of C:0.44, M:0.37, Y:0, K:0.26. Its decimal value is 6977468.

Hex triplet	6a77bc	`#6a77bc`
RGB Decimal	106, 119, 188	`rgb(106,119,188)`
RGB Percent	41.6, 46.7, 73.7	`rgb(41.6%,46.7%,73.7%)`
CMYK	44, 37, 0, 26
HSL	230.5°, 38, 57.6	`hsl(230.5,38%,57.6%)`
HSV (or HSB)	230.5°, 43.6, 73.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	51.71, 13.343, -37.84
XYZ	21.616, 19.888, 50.274
xyY	0.236, 0.217, 19.888
CIE-LCH	51.71, 40.123, 289.424
CIE-LUV	51.71, -9.526, -59.234
Hunter-Lab	44.596, 8.477, -35.622
Binary	01101010, 01110111, 10111100

#6a77bc
```
#6a77bc rgb(106,119,188)
```
#bcaf6a
```
#bcaf6a rgb(188,175,106)
```

Complementary Color

#6aa0bc
```
#6aa0bc rgb(106,160,188)
```
#6a77bc
```
#6a77bc rgb(106,119,188)
```
#866abc
```
#866abc rgb(134,106,188)
```

Analogous Color

#a0bc6a
```
#a0bc6a rgb(160,188,106)
```
#6a77bc
```
#6a77bc rgb(106,119,188)
```
#bc866a
```
#bc866a rgb(188,134,106)
```

Split Complementary Color

#77bc6a
```
#77bc6a rgb(119,188,106)
```
#6a77bc
```
#6a77bc rgb(106,119,188)
```
#bc6a77
```
#bc6a77 rgb(188,106,119)
```

Triadic Color

#6abcaf
```
#6abcaf rgb(106,188,175)
```
#6a77bc
```
#6a77bc rgb(106,119,188)
```
#bc6a77
```
#bc6a77 rgb(188,106,119)
```
#bcaf6a
```
#bcaf6a rgb(188,175,106)
```

Tetradic Color

#435196
```
#435196 rgb(67,81,150)
```
#4b5aa8
```
#4b5aa8 rgb(75,90,168)
```
#5867b4
```
#5867b4 rgb(88,103,180)
```
#6a77bc
```
#6a77bc rgb(106,119,188)
```
#7c87c4
```
#7c87c4 rgb(124,135,196)
```
#8d97cc
```
#8d97cc rgb(141,151,204)
```
#9fa7d4
```
#9fa7d4 rgb(159,167,212)
```

Monochromatic Color

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

#6a8cbc
```
#6a8cbc rgb(106,140,188)
```
#6a85bc
```
#6a85bc rgb(106,133,188)
```
#6a7ebc
```
#6a7ebc rgb(106,126,188)
```
#6a77bc
```
#6a77bc rgb(106,119,188)
```
#6a70bc
```
#6a70bc rgb(106,112,188)
```
#6b6abc
```
#6b6abc rgb(107,106,188)
```
#726abc
```
#726abc rgb(114,106,188)
```

Similar Colors

Text with hexadecimal color #6a77bc

This text has a font color of #6a77bc.

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

#6a77bc background color

This paragraph has a background color of #6a77bc.

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

#6a77bc border color

This element has a border color of #6a77bc.

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

CSS codes

.text {color:#6a77bc;}

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

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

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

#06070d
```
#06070d rgb(6,7,13)
```
#0c0e1b
```
#0c0e1b rgb(12,14,27)
```
#121628
```
#121628 rgb(18,22,40)
```
#181d36
```
#181d36 rgb(24,29,54)
```
#1e2443
```
#1e2443 rgb(30,36,67)
```
#242c51
```
#242c51 rgb(36,44,81)
```
#2b335f
```
#2b335f rgb(43,51,95)
```
#313a6c
```
#313a6c rgb(49,58,108)
```
#37417a
```
#37417a rgb(55,65,122)
```
#3d4987
```
#3d4987 rgb(61,73,135)
```
#435095
```
#435095 rgb(67,80,149)
```
#4957a2
```
#4957a2 rgb(73,87,162)
```
#4f5eb0
```
#4f5eb0 rgb(79,94,176)
```

Shade Color Variation

#5c6bb6
```
#5c6bb6 rgb(92,107,182)
```
#6a77bc
```
#6a77bc rgb(106,119,188)
```
#7883c2
```
#7883c2 rgb(120,131,194)
```
#8590c8
```
#8590c8 rgb(133,144,200)
```
#939cce
```
#939cce rgb(147,156,206)
```
#a0a8d4
```
#a0a8d4 rgb(160,168,212)
```
#aeb5da
```
#aeb5da rgb(174,181,218)
```
#bbc1e1
```
#bbc1e1 rgb(187,193,225)
```
#c9cde7
```
#c9cde7 rgb(201,205,231)
```
#d6daed
```
#d6daed rgb(214,218,237)
```
#e4e6f3
```
#e4e6f3 rgb(228,230,243)
```
#f1f3f9
```
#f1f3f9 rgb(241,243,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#8b8e9b
```
#8b8e9b rgb(139,142,155)
```
#8388a3
```
#8388a3 rgb(131,136,163)
```
#7b82ab
```
#7b82ab rgb(123,130,171)
```
#727db4
```
#727db4 rgb(114,125,180)
```
#6a77bc
```
#6a77bc rgb(106,119,188)
```
#6271c4
```
#6271c4 rgb(98,113,196)
```
#596ccd
```
#596ccd rgb(89,108,205)
```
#5166d5
```
#5166d5 rgb(81,102,213)
```
#4960dd
```
#4960dd rgb(73,96,221)
```
#405be6
```
#405be6 rgb(64,91,230)
```
#3855ee
```
#3855ee rgb(56,85,238)
```
#304ff6
```
#304ff6 rgb(48,79,246)
```
#284afe
```
#284afe rgb(40,74,254)
```

Tone Color Variation

Below, you can see how #6a77bc 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

#7b7b7b Achromatopsia 0.005% of the population
#787a88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#687fc0 Protanopia 1% of men
#6281be Deuteranopia 1% of men
#628891 Tritanopia 0.001% of the population

Trichromacy

#697cbf Protanomaly 1% of men, 0.01% of women
#657dbd Deuteranomaly 6% of men, 0.4% of women
#6581a1 Tritanomaly 0.01% of the population

#6a77bc hex color

#6a77bc Color Information

#6a77bc Color Conversion

Color Schemes with #6a77bc

Alternatives to #6a77bc

#6a77bc Preview

Shades and Tints of #6a77bc

Tones of #6a77bc

Color Blindness Simulator