#6a7ec5 hex color

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

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

● #6a7ec5 color description : Slightly desaturated blue.

The hexadecimal color #6a7ec5 has RGB values of R:106, G:126, B:197 and CMYK values of C:0.46, M:0.36, Y:0, K:0.23. Its decimal value is 6979269.

Hex triplet	6a7ec5	`#6a7ec5`
RGB Decimal	106, 126, 197	`rgb(106,126,197)`
RGB Percent	41.6, 49.4, 77.3	`rgb(41.6%,49.4%,77.3%)`
CMYK	46, 36, 0, 23
HSL	226.8°, 44, 59.4	`hsl(226.8,44%,59.4%)`
HSV (or HSB)	226.8°, 46.2, 77.3
Web Safe	6666cc	`#6666cc`

CIE-LAB	54.044, 11.819, -39.315
XYZ	23.481, 22.016, 55.833
xyY	0.232, 0.217, 22.016
CIE-LCH	54.044, 41.053, 286.731
CIE-LUV	54.044, -12.395, -61.953
Hunter-Lab	46.921, 7.213, -37.705
Binary	01101010, 01111110, 11000101

#6a7ec5
```
#6a7ec5 rgb(106,126,197)
```
#c5b16a
```
#c5b16a rgb(197,177,106)
```

Complementary Color

#6aacc5
```
#6aacc5 rgb(106,172,197)
```
#6a7ec5
```
#6a7ec5 rgb(106,126,197)
```
#846ac5
```
#846ac5 rgb(132,106,197)
```

Analogous Color

#acc56a
```
#acc56a rgb(172,197,106)
```
#6a7ec5
```
#6a7ec5 rgb(106,126,197)
```
#c5846a
```
#c5846a rgb(197,132,106)
```

Split Complementary Color

#7ec56a
```
#7ec56a rgb(126,197,106)
```
#6a7ec5
```
#6a7ec5 rgb(106,126,197)
```
#c56a7e
```
#c56a7e rgb(197,106,126)
```

Triadic Color

#6ac5b1
```
#6ac5b1 rgb(106,197,177)
```
#6a7ec5
```
#6a7ec5 rgb(106,126,197)
```
#c56a7e
```
#c56a7e rgb(197,106,126)
```
#c5b16a
```
#c5b16a rgb(197,177,106)
```

Tetradic Color

#3f55a3
```
#3f55a3 rgb(63,85,163)
```
#475fb5
```
#475fb5 rgb(71,95,181)
```
#586ebe
```
#586ebe rgb(88,110,190)
```
#6a7ec5
```
#6a7ec5 rgb(106,126,197)
```
#7c8ecc
```
#7c8ecc rgb(124,142,204)
```
#8f9ed3
```
#8f9ed3 rgb(143,158,211)
```
#a1aeda
```
#a1aeda rgb(161,174,218)
```

Monochromatic Color

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

#6a95c5
```
#6a95c5 rgb(106,149,197)
```
#6a8dc5
```
#6a8dc5 rgb(106,141,197)
```
#6a86c5
```
#6a86c5 rgb(106,134,197)
```
#6a7ec5
```
#6a7ec5 rgb(106,126,197)
```
#6a76c5
```
#6a76c5 rgb(106,118,197)
```
#6a6fc5
```
#6a6fc5 rgb(106,111,197)
```
#6d6ac5
```
#6d6ac5 rgb(109,106,197)
```

Similar Colors

Text with hexadecimal color #6a7ec5

This text has a font color of #6a7ec5.

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

#6a7ec5 background color

This paragraph has a background color of #6a7ec5.

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

#6a7ec5 border color

This element has a border color of #6a7ec5.

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

CSS codes

.text {color:#6a7ec5;}

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

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

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)
```
#080b14
```
#080b14 rgb(8,11,20)
```
#0d1223
```
#0d1223 rgb(13,18,35)
```
#131931
```
#131931 rgb(19,25,49)
```
#18213f
```
#18213f rgb(24,33,63)
```
#1e284d
```
#1e284d rgb(30,40,77)
```
#23305b
```
#23305b rgb(35,48,91)
```
#293769
```
#293769 rgb(41,55,105)
```
#2e3e77
```
#2e3e77 rgb(46,62,119)
```
#344685
```
#344685 rgb(52,70,133)
```
#394d94
```
#394d94 rgb(57,77,148)
```
#3f55a2
```
#3f55a2 rgb(63,85,162)
```
#445cb0
```
#445cb0 rgb(68,92,176)
```

Shade Color Variation

#4e66ba
```
#4e66ba rgb(78,102,186)
```
#5c72c0
```
#5c72c0 rgb(92,114,192)
```
#6a7ec5
```
#6a7ec5 rgb(106,126,197)
```
#788aca
```
#788aca rgb(120,138,202)
```
#8696d0
```
#8696d0 rgb(134,150,208)
```
#94a3d5
```
#94a3d5 rgb(148,163,213)
```
#a2afdb
```
#a2afdb rgb(162,175,219)
```
#b1bbe0
```
#b1bbe0 rgb(177,187,224)
```
#bfc7e6
```
#bfc7e6 rgb(191,199,230)
```
#cdd4eb
```
#cdd4eb rgb(205,212,235)
```
#dbe0f1
```
#dbe0f1 rgb(219,224,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 #325ffd is the most saturated one.

#92949d
```
#92949d rgb(146,148,157)
```
#8a90a5
```
#8a90a5 rgb(138,144,165)
```
#828bad
```
#828bad rgb(130,139,173)
```
#7a87b5
```
#7a87b5 rgb(122,135,181)
```
#7282bd
```
#7282bd rgb(114,130,189)
```
#6a7ec5
```
#6a7ec5 rgb(106,126,197)
```
#627acd
```
#627acd rgb(98,122,205)
```
#5a75d5
```
#5a75d5 rgb(90,117,213)
```
#5271dd
```
#5271dd rgb(82,113,221)
```
#4a6ce5
```
#4a6ce5 rgb(74,108,229)
```
#4268ed
```
#4268ed rgb(66,104,237)
```
#3a63f5
```
#3a63f5 rgb(58,99,245)
```
#325ffd
```
#325ffd rgb(50,95,253)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#7c808e Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d85c8 Protanopia 1% of men
#6687c6 Deuteranopia 1% of men
#608e99 Tritanopia 0.001% of the population

Trichromacy

#6c82c7 Protanomaly 1% of men, 0.01% of women
#6783c6 Deuteranomaly 6% of men, 0.4% of women
#6488a9 Tritanomaly 0.01% of the population

#6a7ec5 hex color

#6a7ec5 Color Information

#6a7ec5 Color Conversion

Color Schemes with #6a7ec5

Alternatives to #6a7ec5

#6a7ec5 Preview

Shades and Tints of #6a7ec5

Tones of #6a7ec5

Color Blindness Simulator