#6a86c3 hex color

In a RGB color space, hex #6a86c3 is composed of 41.6% red, 52.5% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 45.6% cyan, 31.3% magenta, 0% yellow and 23.5% black. It has a hue angle of 221.1 degrees, a saturation of 42.6% and a lightness of 59%. #6a86c3 color hex could be obtained by blending #d4ffff with #000d87. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 42
- G 53
- B 76
RGB color chart
- C 46
- M 31
- Y 0
- K 24
CMYK color chart

● #6a86c3 color description : Slightly desaturated blue.

The hexadecimal color #6a86c3 has RGB values of R:106, G:134, B:195 and CMYK values of C:0.46, M:0.31, Y:0, K:0.24. Its decimal value is 6981315.

Hex triplet	6a86c3	`#6a86c3`
RGB Decimal	106, 134, 195	`rgb(106,134,195)`
RGB Percent	41.6, 52.5, 76.5	`rgb(41.6%,52.5%,76.5%)`
CMYK	46, 31, 0, 24
HSL	221.1°, 42.6, 59	`hsl(221.1,42.6%,59%)`
HSV (or HSB)	221.1°, 45.6, 76.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	56.141, 6.461, -34.888
XYZ	24.317, 24.054, 54.988
xyY	0.235, 0.233, 24.054
CIE-LCH	56.141, 35.481, 280.493
CIE-LUV	56.141, -15.337, -54.587
Hunter-Lab	49.044, 2.676, -32.144
Binary	01101010, 10000110, 11000011

#6a86c3
```
#6a86c3 rgb(106,134,195)
```
#c3a76a
```
#c3a76a rgb(195,167,106)
```

Complementary Color

#6ab3c3
```
#6ab3c3 rgb(106,179,195)
```
#6a86c3
```
#6a86c3 rgb(106,134,195)
```
#7b6ac3
```
#7b6ac3 rgb(123,106,195)
```

Analogous Color

#b3c36a
```
#b3c36a rgb(179,195,106)
```
#6a86c3
```
#6a86c3 rgb(106,134,195)
```
#c37b6a
```
#c37b6a rgb(195,123,106)
```

Split Complementary Color

#86c36a
```
#86c36a rgb(134,195,106)
```
#6a86c3
```
#6a86c3 rgb(106,134,195)
```
#c36a86
```
#c36a86 rgb(195,106,134)
```

Triadic Color

#6ac3a7
```
#6ac3a7 rgb(106,195,167)
```
#6a86c3
```
#6a86c3 rgb(106,134,195)
```
#c36a86
```
#c36a86 rgb(195,106,134)
```
#c3a76a
```
#c3a76a rgb(195,167,106)
```

Tetradic Color

#405fa0
```
#405fa0 rgb(64,95,160)
```
#4869b2
```
#4869b2 rgb(72,105,178)
```
#5877bc
```
#5877bc rgb(88,119,188)
```
#6a86c3
```
#6a86c3 rgb(106,134,195)
```
#7c95ca
```
#7c95ca rgb(124,149,202)
```
#8ea4d2
```
#8ea4d2 rgb(142,164,210)
```
#a1b2d9
```
#a1b2d9 rgb(161,178,217)
```

Monochromatic Color

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

#6a9cc3
```
#6a9cc3 rgb(106,156,195)
```
#6a95c3
```
#6a95c3 rgb(106,149,195)
```
#6a8dc3
```
#6a8dc3 rgb(106,141,195)
```
#6a86c3
```
#6a86c3 rgb(106,134,195)
```
#6a7fc3
```
#6a7fc3 rgb(106,127,195)
```
#6a77c3
```
#6a77c3 rgb(106,119,195)
```
#6a70c3
```
#6a70c3 rgb(106,112,195)
```

Similar Colors

Text with hexadecimal color #6a86c3

This text has a font color of #6a86c3.

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

#6a86c3 background color

This paragraph has a background color of #6a86c3.

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

#6a86c3 border color

This element has a border color of #6a86c3.

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

CSS codes

.text {color:#6a86c3;}

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

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

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

#020305
```
#020305 rgb(2,3,5)
```
#080b13
```
#080b13 rgb(8,11,19)
```
#0d1321
```
#0d1321 rgb(13,19,33)
```
#131c2f
```
#131c2f rgb(19,28,47)
```
#18243d
```
#18243d rgb(24,36,61)
```
#1e2c4b
```
#1e2c4b rgb(30,44,75)
```
#243459
```
#243459 rgb(36,52,89)
```
#293d67
```
#293d67 rgb(41,61,103)
```
#2f4575
```
#2f4575 rgb(47,69,117)
```
#354d83
```
#354d83 rgb(53,77,131)
```
#3a5591
```
#3a5591 rgb(58,85,145)
```
#405e9f
```
#405e9f rgb(64,94,159)
```
#4666ad
```
#4666ad rgb(70,102,173)
```

Shade Color Variation

#4e6fb8
```
#4e6fb8 rgb(78,111,184)
```
#5c7bbd
```
#5c7bbd rgb(92,123,189)
```
#6a86c3
```
#6a86c3 rgb(106,134,195)
```
#7891c9
```
#7891c9 rgb(120,145,201)
```
#869dce
```
#869dce rgb(134,157,206)
```
#94a8d4
```
#94a8d4 rgb(148,168,212)
```
#a2b3da
```
#a2b3da rgb(162,179,218)
```
#b0bfdf
```
#b0bfdf rgb(176,191,223)
```
#becae5
```
#becae5 rgb(190,202,229)
```
#ccd5ea
```
#ccd5ea rgb(204,213,234)
```
#dae1f0
```
#dae1f0 rgb(218,225,240)
```
#e8ecf6
```
#e8ecf6 rgb(232,236,246)
```
#f6f8fb
```
#f6f8fb rgb(246,248,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #92959b is the less saturated color, while #3271fb is the most saturated one.

#92959b
```
#92959b rgb(146,149,155)
```
#8a92a3
```
#8a92a3 rgb(138,146,163)
```
#828fab
```
#828fab rgb(130,143,171)
```
#7a8cb3
```
#7a8cb3 rgb(122,140,179)
```
#7289bb
```
#7289bb rgb(114,137,187)
```
#6a86c3
```
#6a86c3 rgb(106,134,195)
```
#6283cb
```
#6283cb rgb(98,131,203)
```
#5a80d3
```
#5a80d3 rgb(90,128,211)
```
#527ddb
```
#527ddb rgb(82,125,219)
```
#4a7ae3
```
#4a7ae3 rgb(74,122,227)
```
#4277eb
```
#4277eb rgb(66,119,235)
```
#3a74f3
```
#3a74f3 rgb(58,116,243)
```
#3271fb
```
#3271fb rgb(50,113,251)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#808591 Atypical Achromatopsia 0.001% of the population

Dichromacy

#788ac5 Protanopia 1% of men
#738bc6 Deuteranopia 1% of men
#63949f Tritanopia 0.001% of the population

Trichromacy

#7389c4 Protanomaly 1% of men, 0.01% of women
#6f89c5 Deuteranomaly 6% of men, 0.4% of women
#658fac Tritanomaly 0.01% of the population

#6a86c3 hex color

#6a86c3 Color Information

#6a86c3 Color Conversion

Color Schemes with #6a86c3

Alternatives to #6a86c3

#6a86c3 Preview

Shades and Tints of #6a86c3

Tones of #6a86c3

Color Blindness Simulator