#6c7ba2 hex color

In a RGB color space, hex #6c7ba2 is composed of 42.4% red, 48.2% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 33.3% cyan, 24.1% magenta, 0% yellow and 36.5% black. It has a hue angle of 223.3 degrees, a saturation of 22.5% and a lightness of 52.9%. #6c7ba2 color hex could be obtained by blending #d8f6ff with #000045. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 42
- G 48
- B 64
RGB color chart
- C 33
- M 24
- Y 0
- K 36
CMYK color chart

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

The hexadecimal color #6c7ba2 has RGB values of R:108, G:123, B:162 and CMYK values of C:0.33, M:0.24, Y:0, K:0.36. Its decimal value is 7109538.

Hex triplet	6c7ba2	`#6c7ba2`
RGB Decimal	108, 123, 162	`rgb(108,123,162)`
RGB Percent	42.4, 48.2, 63.5	`rgb(42.4%,48.2%,63.5%)`
CMYK	33, 24, 0, 36
HSL	223.3°, 22.5, 52.9	`hsl(223.3,22.5%,52.9%)`
HSV (or HSB)	223.3°, 33.3, 63.5
Web Safe	666699	`#666699`

CIE-LAB	51.794, 4.121, -22.667
XYZ	19.788, 19.962, 36.991
xyY	0.258, 0.26, 19.962
CIE-LCH	51.794, 23.038, 280.304
CIE-LUV	51.794, -9.327, -34.145
Hunter-Lab	44.679, 0.866, -17.812
Binary	01101100, 01111011, 10100010

#6c7ba2
```
#6c7ba2 rgb(108,123,162)
```
#a2936c
```
#a2936c rgb(162,147,108)
```

Complementary Color

#6c96a2
```
#6c96a2 rgb(108,150,162)
```
#6c7ba2
```
#6c7ba2 rgb(108,123,162)
```
#786ca2
```
#786ca2 rgb(120,108,162)
```

Analogous Color

#96a26c
```
#96a26c rgb(150,162,108)
```
#6c7ba2
```
#6c7ba2 rgb(108,123,162)
```
#a2786c
```
#a2786c rgb(162,120,108)
```

Split Complementary Color

#7ba26c
```
#7ba26c rgb(123,162,108)
```
#6c7ba2
```
#6c7ba2 rgb(108,123,162)
```
#a26c7b
```
#a26c7b rgb(162,108,123)
```

Triadic Color

#6ca293
```
#6ca293 rgb(108,162,147)
```
#6c7ba2
```
#6c7ba2 rgb(108,123,162)
```
#a26c7b
```
#a26c7b rgb(162,108,123)
```
#a2936c
```
#a2936c rgb(162,147,108)
```

Tetradic Color

#4b5777
```
#4b5777 rgb(75,87,119)
```
#556386
```
#556386 rgb(85,99,134)
```
#5f6e96
```
#5f6e96 rgb(95,110,150)
```
#6c7ba2
```
#6c7ba2 rgb(108,123,162)
```
#7c89ac
```
#7c89ac rgb(124,137,172)
```
#8b97b6
```
#8b97b6 rgb(139,151,182)
```
#9ba5c0
```
#9ba5c0 rgb(155,165,192)
```

Monochromatic Color

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

#6c89a2
```
#6c89a2 rgb(108,137,162)
```
#6c84a2
```
#6c84a2 rgb(108,132,162)
```
#6c80a2
```
#6c80a2 rgb(108,128,162)
```
#6c7ba2
```
#6c7ba2 rgb(108,123,162)
```
#6c77a2
```
#6c77a2 rgb(108,119,162)
```
#6c72a2
```
#6c72a2 rgb(108,114,162)
```
#6c6ea2
```
#6c6ea2 rgb(108,110,162)
```

Similar Colors

Text with hexadecimal color #6c7ba2

This text has a font color of #6c7ba2.

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

#6c7ba2 background color

This paragraph has a background color of #6c7ba2.

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

#6c7ba2 border color

This element has a border color of #6c7ba2.

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

CSS codes

.text {color:#6c7ba2;}

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

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

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

#060709
```
#060709 rgb(6,7,9)
```
#0d1015
```
#0d1015 rgb(13,16,21)
```
#151821
```
#151821 rgb(21,24,33)
```
#1d212d
```
#1d212d rgb(29,33,45)
```
#242a39
```
#242a39 rgb(36,42,57)
```
#2c3345
```
#2c3345 rgb(44,51,69)
```
#333c51
```
#333c51 rgb(51,60,81)
```
#3b455d
```
#3b455d rgb(59,69,93)
```
#434d69
```
#434d69 rgb(67,77,105)
```
#4a5675
```
#4a5675 rgb(74,86,117)
```
#525f81
```
#525f81 rgb(82,95,129)
```
#59688d
```
#59688d rgb(89,104,141)
```
#617199
```
#617199 rgb(97,113,153)
```

Shade Color Variation

#6c7ba2
```
#6c7ba2 rgb(108,123,162)
```
#7886aa
```
#7886aa rgb(120,134,170)
```
#8491b1
```
#8491b1 rgb(132,145,177)
```
#909bb9
```
#909bb9 rgb(144,155,185)
```
#9ca6c0
```
#9ca6c0 rgb(156,166,192)
```
#a8b1c8
```
#a8b1c8 rgb(168,177,200)
```
#b4bcd0
```
#b4bcd0 rgb(180,188,208)
```
#c0c7d7
```
#c0c7d7 rgb(192,199,215)
```
#ccd1df
```
#ccd1df rgb(204,209,223)
```
#d8dce6
```
#d8dce6 rgb(216,220,230)
```
#e4e7ee
```
#e4e7ee rgb(228,231,238)
```
#f0f2f6
```
#f0f2f6 rgb(240,242,246)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e8390 is the less saturated color, while #1052fe is the most saturated one.

#7e8390
```
#7e8390 rgb(126,131,144)
```
#757f99
```
#757f99 rgb(117,127,153)
```
#6c7ba2
```
#6c7ba2 rgb(108,123,162)
```
#6377ab
```
#6377ab rgb(99,119,171)
```
#5a73b4
```
#5a73b4 rgb(90,115,180)
```
#506fbe
```
#506fbe rgb(80,111,190)
```
#476bc7
```
#476bc7 rgb(71,107,199)
```
#3e66d0
```
#3e66d0 rgb(62,102,208)
```
#3562d9
```
#3562d9 rgb(53,98,217)
```
#2b5ee3
```
#2b5ee3 rgb(43,94,227)
```
#225aec
```
#225aec rgb(34,90,236)
```
#1956f5
```
#1956f5 rgb(25,86,245)
```
#1052fe
```
#1052fe rgb(16,82,254)
```

Tone Color Variation

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

Dichromacy

#7780a6 Protanopia 1% of men
#7880a7 Deuteranopia 1% of men
#6d868f Tritanopia 0.001% of the population

Trichromacy

#737ea4 Protanomaly 1% of men, 0.01% of women
#747ea5 Deuteranomaly 6% of men, 0.4% of women
#6c8296 Tritanomaly 0.01% of the population

#6c7ba2 hex color

#6c7ba2 Color Information

#6c7ba2 Color Conversion

Color Schemes with #6c7ba2

Alternatives to #6c7ba2

#6c7ba2 Preview

Shades and Tints of #6c7ba2

Tones of #6c7ba2

Color Blindness Simulator