#6a86ad hex color

In a RGB color space, hex #6a86ad is composed of 41.6% red, 52.5% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 38.7% cyan, 22.5% magenta, 0% yellow and 32.2% black. It has a hue angle of 214.9 degrees, a saturation of 29% and a lightness of 54.7%. #6a86ad color hex could be obtained by blending #d4ffff with #000d5b. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 42
- G 53
- B 68
RGB color chart
- C 39
- M 23
- Y 0
- K 32
CMYK color chart

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

The hexadecimal color #6a86ad has RGB values of R:106, G:134, B:173 and CMYK values of C:0.39, M:0.23, Y:0, K:0.32. Its decimal value is 6981293.

Hex triplet	6a86ad	`#6a86ad`
RGB Decimal	106, 134, 173	`rgb(106,134,173)`
RGB Percent	41.6, 52.5, 67.8	`rgb(41.6%,52.5%,67.8%)`
CMYK	39, 23, 0, 32
HSL	214.9°, 29, 54.7	`hsl(214.9,29%,54.7%)`
HSV (or HSB)	214.9°, 38.7, 67.8
Web Safe	669999	`#669999`

CIE-LAB	55.207, 0.117, -23.78
XYZ	22.01, 23.131, 42.838
xyY	0.25, 0.263, 23.131
CIE-LCH	55.207, 23.78, 270.281
CIE-LUV	55.207, -14.977, -35.797
Hunter-Lab	48.094, -2.476, -19.144
Binary	01101010, 10000110, 10101101

#6a86ad
```
#6a86ad rgb(106,134,173)
```
#ad916a
```
#ad916a rgb(173,145,106)
```

Complementary Color

#6aa8ad
```
#6aa8ad rgb(106,168,173)
```
#6a86ad
```
#6a86ad rgb(106,134,173)
```
#706aad
```
#706aad rgb(112,106,173)
```

Analogous Color

#a8ad6a
```
#a8ad6a rgb(168,173,106)
```
#6a86ad
```
#6a86ad rgb(106,134,173)
```
#ad706a
```
#ad706a rgb(173,112,106)
```

Split Complementary Color

#86ad6a
```
#86ad6a rgb(134,173,106)
```
#6a86ad
```
#6a86ad rgb(106,134,173)
```
#ad6a86
```
#ad6a86 rgb(173,106,134)
```

Triadic Color

#6aad91
```
#6aad91 rgb(106,173,145)
```
#6a86ad
```
#6a86ad rgb(106,134,173)
```
#ad6a86
```
#ad6a86 rgb(173,106,134)
```
#ad916a
```
#ad916a rgb(173,145,106)
```

Tetradic Color

#486083
```
#486083 rgb(72,96,131)
```
#516d93
```
#516d93 rgb(81,109,147)
```
#5a79a4
```
#5a79a4 rgb(90,121,164)
```
#6a86ad
```
#6a86ad rgb(106,134,173)
```
#7a93b6
```
#7a93b6 rgb(122,147,182)
```
#8ba1bf
```
#8ba1bf rgb(139,161,191)
```
#9baec8
```
#9baec8 rgb(155,174,200)
```

Monochromatic Color

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

#6a97ad
```
#6a97ad rgb(106,151,173)
```
#6a91ad
```
#6a91ad rgb(106,145,173)
```
#6a8cad
```
#6a8cad rgb(106,140,173)
```
#6a86ad
```
#6a86ad rgb(106,134,173)
```
#6a80ad
```
#6a80ad rgb(106,128,173)
```
#6a7bad
```
#6a7bad rgb(106,123,173)
```
#6a75ad
```
#6a75ad rgb(106,117,173)
```

Similar Colors

Text with hexadecimal color #6a86ad

This text has a font color of #6a86ad.

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

#6a86ad background color

This paragraph has a background color of #6a86ad.

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

#6a86ad border color

This element has a border color of #6a86ad.

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

CSS codes

.text {color:#6a86ad;}

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

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

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

#020203
```
#020203 rgb(2,2,3)
```
#090b0f
```
#090b0f rgb(9,11,15)
```
#0f151c
```
#0f151c rgb(15,21,28)
```
#161e29
```
#161e29 rgb(22,30,41)
```
#1d2735
```
#1d2735 rgb(29,39,53)
```
#243142
```
#243142 rgb(36,49,66)
```
#2b3a4f
```
#2b3a4f rgb(43,58,79)
```
#32435b
```
#32435b rgb(50,67,91)
```
#394d68
```
#394d68 rgb(57,77,104)
```
#405675
```
#405675 rgb(64,86,117)
```
#475f81
```
#475f81 rgb(71,95,129)
```
#4e698e
```
#4e698e rgb(78,105,142)
```
#55729b
```
#55729b rgb(85,114,155)
```

Shade Color Variation

#5d7ca6
```
#5d7ca6 rgb(93,124,166)
```
#6a86ad
```
#6a86ad rgb(106,134,173)
```
#7790b4
```
#7790b4 rgb(119,144,180)
```
#839bbb
```
#839bbb rgb(131,155,187)
```
#90a5c2
```
#90a5c2 rgb(144,165,194)
```
#9dafc9
```
#9dafc9 rgb(157,175,201)
```
#a9b9d0
```
#a9b9d0 rgb(169,185,208)
```
#b6c4d7
```
#b6c4d7 rgb(182,196,215)
```
#c3cede
```
#c3cede rgb(195,206,222)
```
#cfd8e5
```
#cfd8e5 rgb(207,216,229)
```
#dce2ec
```
#dce2ec rgb(220,226,236)
```
#e9edf3
```
#e9edf3 rgb(233,237,243)
```
#f5f7fa
```
#f5f7fa rgb(245,247,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #858a92 is the less saturated color, while #1a79fd is the most saturated one.

#858a92
```
#858a92 rgb(133,138,146)
```
#7c899b
```
#7c899b rgb(124,137,155)
```
#7387a4
```
#7387a4 rgb(115,135,164)
```
#6a86ad
```
#6a86ad rgb(106,134,173)
```
#6185b6
```
#6185b6 rgb(97,133,182)
```
#5883bf
```
#5883bf rgb(88,131,191)
```
#4f82c8
```
#4f82c8 rgb(79,130,200)
```
#4680d1
```
#4680d1 rgb(70,128,209)
```
#3e7fd9
```
#3e7fd9 rgb(62,127,217)
```
#357de2
```
#357de2 rgb(53,125,226)
```
#2c7ceb
```
#2c7ceb rgb(44,124,235)
```
#237af4
```
#237af4 rgb(35,122,244)
```
#1a79fd
```
#1a79fd rgb(26,121,253)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#7d838b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f89af Protanopia 1% of men
#8088b2 Deuteranopia 1% of men
#6a909b Tritanopia 0.001% of the population

Trichromacy

#7787ae Protanomaly 1% of men, 0.01% of women
#7887b0 Deuteranomaly 6% of men, 0.4% of women
#6a8ca1 Tritanomaly 0.01% of the population

#6a86ad hex color

#6a86ad Color Information

#6a86ad Color Conversion

Color Schemes with #6a86ad

Alternatives to #6a86ad

#6a86ad Preview

Shades and Tints of #6a86ad

Tones of #6a86ad

Color Blindness Simulator