#6a7aa2 hex color

In a RGB color space, hex #6a7aa2 is composed of 41.6% red, 47.8% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 34.6% cyan, 24.7% magenta, 0% yellow and 36.5% black. It has a hue angle of 222.9 degrees, a saturation of 23.1% and a lightness of 52.5%. #6a7aa2 color hex could be obtained by blending #d4f4ff with #000045. Closest websafe color is: #666699.

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

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

The hexadecimal color #6a7aa2 has RGB values of R:106, G:122, B:162 and CMYK values of C:0.35, M:0.25, Y:0, K:0.36. Its decimal value is 6978210.

Hex triplet	6a7aa2	`#6a7aa2`
RGB Decimal	106, 122, 162	`rgb(106,122,162)`
RGB Percent	41.6, 47.8, 63.5	`rgb(41.6%,47.8%,63.5%)`
CMYK	35, 25, 0, 36
HSL	222.9°, 23.1, 52.5	`hsl(222.9,23.1%,52.5%)`
HSV (or HSB)	222.9°, 34.6, 63.5
Web Safe	666699	`#666699`

CIE-LAB	51.372, 4.114, -23.329
XYZ	19.424, 19.591, 36.939
xyY	0.256, 0.258, 19.591
CIE-LCH	51.372, 23.689, 280.001
CIE-LUV	51.372, -9.781, -35.121
Hunter-Lab	44.262, 0.873, -18.496
Binary	01101010, 01111010, 10100010

#6a7aa2
```
#6a7aa2 rgb(106,122,162)
```
#a2926a
```
#a2926a rgb(162,146,106)
```

Complementary Color

#6a96a2
```
#6a96a2 rgb(106,150,162)
```
#6a7aa2
```
#6a7aa2 rgb(106,122,162)
```
#766aa2
```
#766aa2 rgb(118,106,162)
```

Analogous Color

#96a26a
```
#96a26a rgb(150,162,106)
```
#6a7aa2
```
#6a7aa2 rgb(106,122,162)
```
#a2766a
```
#a2766a rgb(162,118,106)
```

Split Complementary Color

#7aa26a
```
#7aa26a rgb(122,162,106)
```
#6a7aa2
```
#6a7aa2 rgb(106,122,162)
```
#a26a7a
```
#a26a7a rgb(162,106,122)
```

Triadic Color

#6aa292
```
#6aa292 rgb(106,162,146)
```
#6a7aa2
```
#6a7aa2 rgb(106,122,162)
```
#a26a7a
```
#a26a7a rgb(162,106,122)
```
#a2926a
```
#a2926a rgb(162,146,106)
```

Tetradic Color

#4a5676
```
#4a5676 rgb(74,86,118)
```
#536286
```
#536286 rgb(83,98,134)
```
#5d6d95
```
#5d6d95 rgb(93,109,149)
```
#6a7aa2
```
#6a7aa2 rgb(106,122,162)
```
#7a88ac
```
#7a88ac rgb(122,136,172)
```
#8996b6
```
#8996b6 rgb(137,150,182)
```
#99a4bf
```
#99a4bf rgb(153,164,191)
```

Monochromatic Color

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

#6a88a2
```
#6a88a2 rgb(106,136,162)
```
#6a83a2
```
#6a83a2 rgb(106,131,162)
```
#6a7fa2
```
#6a7fa2 rgb(106,127,162)
```
#6a7aa2
```
#6a7aa2 rgb(106,122,162)
```
#6a75a2
```
#6a75a2 rgb(106,117,162)
```
#6a71a2
```
#6a71a2 rgb(106,113,162)
```
#6a6ca2
```
#6a6ca2 rgb(106,108,162)
```

Similar Colors

Text with hexadecimal color #6a7aa2

This text has a font color of #6a7aa2.

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

#6a7aa2 background color

This paragraph has a background color of #6a7aa2.

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

#6a7aa2 border color

This element has a border color of #6a7aa2.

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

CSS codes

.text {color:#6a7aa2;}

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

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

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

#050608
```
#050608 rgb(5,6,8)
```
#0d0f14
```
#0d0f14 rgb(13,15,20)
```
#141820
```
#141820 rgb(20,24,32)
```
#1c202c
```
#1c202c rgb(28,32,44)
```
#232938
```
#232938 rgb(35,41,56)
```
#2b3244
```
#2b3244 rgb(43,50,68)
```
#323b50
```
#323b50 rgb(50,59,80)
```
#3a445d
```
#3a445d rgb(58,68,93)
```
#414d69
```
#414d69 rgb(65,77,105)
```
#495575
```
#495575 rgb(73,85,117)
```
#505e81
```
#505e81 rgb(80,94,129)
```
#58678d
```
#58678d rgb(88,103,141)
```
#5f7099
```
#5f7099 rgb(95,112,153)
```

Shade Color Variation

#6a7aa2
```
#6a7aa2 rgb(106,122,162)
```
#7685aa
```
#7685aa rgb(118,133,170)
```
#8290b1
```
#8290b1 rgb(130,144,177)
```
#8e9ab9
```
#8e9ab9 rgb(142,154,185)
```
#9aa5c0
```
#9aa5c0 rgb(154,165,192)
```
#a6b0c8
```
#a6b0c8 rgb(166,176,200)
```
#b2bbcf
```
#b2bbcf rgb(178,187,207)
```
#bfc5d7
```
#bfc5d7 rgb(191,197,215)
```
#cbd0de
```
#cbd0de rgb(203,208,222)
```
#d7dbe6
```
#d7dbe6 rgb(215,219,230)
```
#e3e6ed
```
#e3e6ed rgb(227,230,237)
```
#eff1f5
```
#eff1f5 rgb(239,241,245)
```
#fbfbfc
```
#fbfbfc rgb(251,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #868686 is the less saturated color, while #1656f6 is the most saturated one.

#868686
```
#868686 rgb(134,134,134)
```
#7d828f
```
#7d828f rgb(125,130,143)
```
#737e99
```
#737e99 rgb(115,126,153)
```
#6a7aa2
```
#6a7aa2 rgb(106,122,162)
```
#6176ab
```
#6176ab rgb(97,118,171)
```
#5772b5
```
#5772b5 rgb(87,114,181)
```
#4e6ebe
```
#4e6ebe rgb(78,110,190)
```
#456ac7
```
#456ac7 rgb(69,106,199)
```
#3b66d1
```
#3b66d1 rgb(59,102,209)
```
#3262da
```
#3262da rgb(50,98,218)
```
#295ee3
```
#295ee3 rgb(41,94,227)
```
#205aec
```
#205aec rgb(32,90,236)
```
#1656f6
```
#1656f6 rgb(22,86,246)
```

Tone Color Variation

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

Dichromacy

#767fa6 Protanopia 1% of men
#777fa7 Deuteranopia 1% of men
#6b858f Tritanopia 0.001% of the population

Trichromacy

#717da4 Protanomaly 1% of men, 0.01% of women
#727da5 Deuteranomaly 6% of men, 0.4% of women
#6a8196 Tritanomaly 0.01% of the population

#6a7aa2 hex color

#6a7aa2 Color Information

#6a7aa2 Color Conversion

Color Schemes with #6a7aa2

Alternatives to #6a7aa2

#6a7aa2 Preview

Shades and Tints of #6a7aa2

Tones of #6a7aa2

Color Blindness Simulator