#6a7685 hex color

In a RGB color space, hex #6a7685 is composed of 41.6% red, 46.3% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 20.3% cyan, 11.3% magenta, 0% yellow and 47.8% black. It has a hue angle of 213.3 degrees, a saturation of 11.3% and a lightness of 46.9%. #6a7685 color hex could be obtained by blending #d4ecff with #00000b. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 42
- G 46
- B 52
RGB color chart
- C 20
- M 11
- Y 0
- K 48
CMYK color chart

● #6a7685 color description : Dark grayish blue.

The hexadecimal color #6a7685 has RGB values of R:106, G:118, B:133 and CMYK values of C:0.2, M:0.11, Y:0, K:0.48. Its decimal value is 6977157.

Hex triplet	6a7685	`#6a7685`
RGB Decimal	106, 118, 133	`rgb(106,118,133)`
RGB Percent	41.6, 46.3, 52.2	`rgb(41.6%,46.3%,52.2%)`
CMYK	20, 11, 0, 48
HSL	213.3°, 11.3, 46.9	`hsl(213.3,11.3%,46.9%)`
HSV (or HSB)	213.3°, 20.3, 52.2
Web Safe	666699	`#666699`

CIE-LAB	49.148, -1.014, -9.703
XYZ	16.655, 17.714, 24.731
xyY	0.282, 0.3, 17.714
CIE-LCH	49.148, 9.756, 264.033
CIE-LUV	49.148, -7.027, -13.551
Hunter-Lab	42.088, -3.019, -5.377
Binary	01101010, 01110110, 10000101

#6a7685
```
#6a7685 rgb(106,118,133)
```
#85796a
```
#85796a rgb(133,121,106)
```

Complementary Color

#6a8485
```
#6a8485 rgb(106,132,133)
```
#6a7685
```
#6a7685 rgb(106,118,133)
```
#6c6a85
```
#6c6a85 rgb(108,106,133)
```

Analogous Color

#84856a
```
#84856a rgb(132,133,106)
```
#6a7685
```
#6a7685 rgb(106,118,133)
```
#856c6a
```
#856c6a rgb(133,108,106)
```

Split Complementary Color

#76856a
```
#76856a rgb(118,133,106)
```
#6a7685
```
#6a7685 rgb(106,118,133)
```
#856a76
```
#856a76 rgb(133,106,118)
```

Triadic Color

#6a8579
```
#6a8579 rgb(106,133,121)
```
#6a7685
```
#6a7685 rgb(106,118,133)
```
#856a76
```
#856a76 rgb(133,106,118)
```
#85796a
```
#85796a rgb(133,121,106)
```

Tetradic Color

#48505a
```
#48505a rgb(72,80,90)
```
#535d69
```
#535d69 rgb(83,93,105)
```
#5f6977
```
#5f6977 rgb(95,105,119)
```
#6a7685
```
#6a7685 rgb(106,118,133)
```
#768392
```
#768392 rgb(118,131,146)
```
#85909d
```
#85909d rgb(133,144,157)
```
#939da9
```
#939da9 rgb(147,157,169)
```

Monochromatic Color

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

#6a7d85
```
#6a7d85 rgb(106,125,133)
```
#6a7b85
```
#6a7b85 rgb(106,123,133)
```
#6a7885
```
#6a7885 rgb(106,120,133)
```
#6a7685
```
#6a7685 rgb(106,118,133)
```
#6a7485
```
#6a7485 rgb(106,116,133)
```
#6a7285
```
#6a7285 rgb(106,114,133)
```
#6a6f85
```
#6a6f85 rgb(106,111,133)
```

Similar Colors

Text with hexadecimal color #6a7685

This text has a font color of #6a7685.

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

#6a7685 background color

This paragraph has a background color of #6a7685.

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

#6a7685 border color

This element has a border color of #6a7685.

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

CSS codes

.text {color:#6a7685;}

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

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

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

#020202
```
#020202 rgb(2,2,2)
```
#0a0b0d
```
#0a0b0d rgb(10,11,13)
```
#131518
```
#131518 rgb(19,21,24)
```
#1c1f23
```
#1c1f23 rgb(28,31,35)
```
#24292e
```
#24292e rgb(36,41,46)
```
#2d3239
```
#2d3239 rgb(45,50,57)
```
#363c44
```
#363c44 rgb(54,60,68)
```
#3f464e
```
#3f464e rgb(63,70,78)
```
#474f59
```
#474f59 rgb(71,79,89)
```
#505964
```
#505964 rgb(80,89,100)
```
#59636f
```
#59636f rgb(89,99,111)
```
#616c7a
```
#616c7a rgb(97,108,122)
```
#6a7685
```
#6a7685 rgb(106,118,133)
```

Shade Color Variation

#738090
```
#738090 rgb(115,128,144)
```
#7e8a98
```
#7e8a98 rgb(126,138,152)
```
#8994a1
```
#8994a1 rgb(137,148,161)
```
#949eaa
```
#949eaa rgb(148,158,170)
```
#9fa7b2
```
#9fa7b2 rgb(159,167,178)
```
#aab1bb
```
#aab1bb rgb(170,177,187)
```
#b5bbc4
```
#b5bbc4 rgb(181,187,196)
```
#c0c5cc
```
#c0c5cc rgb(192,197,204)
```
#cacfd5
```
#cacfd5 rgb(202,207,213)
```
#d5d9de
```
#d5d9de rgb(213,217,222)
```
#e0e3e7
```
#e0e3e7 rgb(224,227,231)
```
#ebedef
```
#ebedef rgb(235,237,239)
```
#f6f7f8
```
#f6f7f8 rgb(246,247,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #73777c is the less saturated color, while #056bea is the most saturated one.

#73777c
```
#73777c rgb(115,119,124)
```
#6a7685
```
#6a7685 rgb(106,118,133)
```
#61758e
```
#61758e rgb(97,117,142)
```
#587497
```
#587497 rgb(88,116,151)
```
#4e73a1
```
#4e73a1 rgb(78,115,161)
```
#4572aa
```
#4572aa rgb(69,114,170)
```
#3c71b3
```
#3c71b3 rgb(60,113,179)
```
#3370bc
```
#3370bc rgb(51,112,188)
```
#2a6fc5
```
#2a6fc5 rgb(42,111,197)
```
#206ecf
```
#206ecf rgb(32,110,207)
```
#176dd8
```
#176dd8 rgb(23,109,216)
```
#0e6ce1
```
#0e6ce1 rgb(14,108,225)
```
#056bea
```
#056bea rgb(5,107,234)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#727477 Atypical Achromatopsia 0.001% of the population

Dichromacy

#797b8a Protanopia 1% of men
#7f798c Deuteranopia 1% of men
#707d86 Tritanopia 0.001% of the population

Trichromacy

#737988 Protanomaly 1% of men, 0.01% of women
#777789 Deuteranomaly 6% of men, 0.4% of women
#6e7b86 Tritanomaly 0.01% of the population

#6a7685 hex color

#6a7685 Color Information

#6a7685 Color Conversion

Color Schemes with #6a7685

Alternatives to #6a7685

#6a7685 Preview

Shades and Tints of #6a7685

Tones of #6a7685

Color Blindness Simulator