#6a7bc5 hex color

In a RGB color space, hex #6a7bc5 is composed of 41.6% red, 48.2% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 46.2% cyan, 37.6% magenta, 0% yellow and 22.7% black. It has a hue angle of 228.8 degrees, a saturation of 44% and a lightness of 59.4%. #6a7bc5 color hex could be obtained by blending #d4f6ff with #00008b. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 42
- G 48
- B 77
RGB color chart
- C 46
- M 38
- Y 0
- K 23
CMYK color chart

● #6a7bc5 color description : Slightly desaturated blue.

The hexadecimal color #6a7bc5 has RGB values of R:106, G:123, B:197 and CMYK values of C:0.46, M:0.38, Y:0, K:0.23. Its decimal value is 6978501.

Hex triplet	6a7bc5	`#6a7bc5`
RGB Decimal	106, 123, 197	`rgb(106,123,197)`
RGB Percent	41.6, 48.2, 77.3	`rgb(41.6%,48.2%,77.3%)`
CMYK	46, 38, 0, 23
HSL	228.8°, 44, 59.4	`hsl(228.8,44%,59.4%)`
HSV (or HSB)	228.8°, 46.2, 77.3
Web Safe	6666cc	`#6666cc`

CIE-LAB	53.233, 13.621, -40.592
XYZ	23.103, 21.26, 55.707
xyY	0.231, 0.212, 21.26
CIE-LCH	53.233, 42.817, 288.55
CIE-LUV	53.233, -11.302, -64.02
Hunter-Lab	46.109, 8.746, -39.355
Binary	01101010, 01111011, 11000101

#6a7bc5
```
#6a7bc5 rgb(106,123,197)
```
#c5b46a
```
#c5b46a rgb(197,180,106)
```

Complementary Color

#6aa9c5
```
#6aa9c5 rgb(106,169,197)
```
#6a7bc5
```
#6a7bc5 rgb(106,123,197)
```
#876ac5
```
#876ac5 rgb(135,106,197)
```

Analogous Color

#a9c56a
```
#a9c56a rgb(169,197,106)
```
#6a7bc5
```
#6a7bc5 rgb(106,123,197)
```
#c5876a
```
#c5876a rgb(197,135,106)
```

Split Complementary Color

#7bc56a
```
#7bc56a rgb(123,197,106)
```
#6a7bc5
```
#6a7bc5 rgb(106,123,197)
```
#c56a7b
```
#c56a7b rgb(197,106,123)
```

Triadic Color

#6ac5b4
```
#6ac5b4 rgb(106,197,180)
```
#6a7bc5
```
#6a7bc5 rgb(106,123,197)
```
#c56a7b
```
#c56a7b rgb(197,106,123)
```
#c5b46a
```
#c5b46a rgb(197,180,106)
```

Tetradic Color

#3f52a3
```
#3f52a3 rgb(63,82,163)
```
#475bb5
```
#475bb5 rgb(71,91,181)
```
#586bbe
```
#586bbe rgb(88,107,190)
```
#6a7bc5
```
#6a7bc5 rgb(106,123,197)
```
#7c8bcc
```
#7c8bcc rgb(124,139,204)
```
#8f9cd3
```
#8f9cd3 rgb(143,156,211)
```
#a1acda
```
#a1acda rgb(161,172,218)
```

Monochromatic Color

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

#6a92c5
```
#6a92c5 rgb(106,146,197)
```
#6a8ac5
```
#6a8ac5 rgb(106,138,197)
```
#6a83c5
```
#6a83c5 rgb(106,131,197)
```
#6a7bc5
```
#6a7bc5 rgb(106,123,197)
```
#6a73c5
```
#6a73c5 rgb(106,115,197)
```
#6a6cc5
```
#6a6cc5 rgb(106,108,197)
```
#706ac5
```
#706ac5 rgb(112,106,197)
```

Similar Colors

Text with hexadecimal color #6a7bc5

This text has a font color of #6a7bc5.

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

#6a7bc5 background color

This paragraph has a background color of #6a7bc5.

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

#6a7bc5 border color

This element has a border color of #6a7bc5.

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

CSS codes

.text {color:#6a7bc5;}

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

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

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

#020306
```
#020306 rgb(2,3,6)
```
#080a14
```
#080a14 rgb(8,10,20)
```
#0d1123
```
#0d1123 rgb(13,17,35)
```
#131831
```
#131831 rgb(19,24,49)
```
#18203f
```
#18203f rgb(24,32,63)
```
#1e274d
```
#1e274d rgb(30,39,77)
```
#232e5b
```
#232e5b rgb(35,46,91)
```
#293569
```
#293569 rgb(41,53,105)
```
#2e3c77
```
#2e3c77 rgb(46,60,119)
```
#344385
```
#344385 rgb(52,67,133)
```
#394a94
```
#394a94 rgb(57,74,148)
```
#3f51a2
```
#3f51a2 rgb(63,81,162)
```
#4458b0
```
#4458b0 rgb(68,88,176)
```

Shade Color Variation

#4e62ba
```
#4e62ba rgb(78,98,186)
```
#5c6ec0
```
#5c6ec0 rgb(92,110,192)
```
#6a7bc5
```
#6a7bc5 rgb(106,123,197)
```
#7888ca
```
#7888ca rgb(120,136,202)
```
#8694d0
```
#8694d0 rgb(134,148,208)
```
#94a1d5
```
#94a1d5 rgb(148,161,213)
```
#a2addb
```
#a2addb rgb(162,173,219)
```
#b1bae0
```
#b1bae0 rgb(177,186,224)
```
#bfc6e6
```
#bfc6e6 rgb(191,198,230)
```
#cdd3eb
```
#cdd3eb rgb(205,211,235)
```
#dbdff1
```
#dbdff1 rgb(219,223,241)
```
#e9ecf6
```
#e9ecf6 rgb(233,236,246)
```
#f7f8fc
```
#f7f8fc rgb(247,248,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #92949d is the less saturated color, while #3258fd is the most saturated one.

#92949d
```
#92949d rgb(146,148,157)
```
#8a8fa5
```
#8a8fa5 rgb(138,143,165)
```
#828aad
```
#828aad rgb(130,138,173)
```
#7a85b5
```
#7a85b5 rgb(122,133,181)
```
#7280bd
```
#7280bd rgb(114,128,189)
```
#6a7bc5
```
#6a7bc5 rgb(106,123,197)
```
#6276cd
```
#6276cd rgb(98,118,205)
```
#5a71d5
```
#5a71d5 rgb(90,113,213)
```
#526cdd
```
#526cdd rgb(82,108,221)
```
#4a67e5
```
#4a67e5 rgb(74,103,229)
```
#4262ed
```
#4262ed rgb(66,98,237)
```
#3a5df5
```
#3a5df5 rgb(58,93,245)
```
#3258fd
```
#3258fd rgb(50,88,253)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#7a7d8c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6983c9 Protanopia 1% of men
#6185c6 Deuteranopia 1% of men
#608c96 Tritanopia 0.001% of the population

Trichromacy

#6980c7 Protanomaly 1% of men, 0.01% of women
#6481c5 Deuteranomaly 6% of men, 0.4% of women
#6386a7 Tritanomaly 0.01% of the population

#6a7bc5 hex color

#6a7bc5 Color Information

#6a7bc5 Color Conversion

Color Schemes with #6a7bc5

Alternatives to #6a7bc5

#6a7bc5 Preview

Shades and Tints of #6a7bc5

Tones of #6a7bc5

Color Blindness Simulator