#6f7a8e hex color

In a RGB color space, hex #6f7a8e is composed of 43.5% red, 47.8% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 21.8% cyan, 14.1% magenta, 0% yellow and 44.3% black. It has a hue angle of 218.7 degrees, a saturation of 12.3% and a lightness of 49.6%. #6f7a8e color hex could be obtained by blending #def4ff with #00001d. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 44
- G 48
- B 56
RGB color chart
- C 22
- M 14
- Y 0
- K 44
CMYK color chart

● #6f7a8e color description : Dark grayish blue.

The hexadecimal color #6f7a8e has RGB values of R:111, G:122, B:142 and CMYK values of C:0.22, M:0.14, Y:0, K:0.44. Its decimal value is 7305870.

Hex triplet	6f7a8e	`#6f7a8e`
RGB Decimal	111, 122, 142	`rgb(111,122,142)`
RGB Percent	43.5, 47.8, 55.7	`rgb(43.5%,47.8%,55.7%)`
CMYK	22, 14, 0, 44
HSL	218.7°, 12.3, 49.6	`hsl(218.7,12.3%,49.6%)`
HSV (or HSB)	218.7°, 21.8, 55.7
Web Safe	666699	`#666699`

CIE-LAB	50.98, 0.519, -12.208
XYZ	18.397, 19.251, 28.336
xyY	0.279, 0.292, 19.251
CIE-LCH	50.98, 12.219, 272.434
CIE-LUV	50.98, -6.762, -17.589
Hunter-Lab	43.876, -1.941, -7.578
Binary	01101111, 01111010, 10001110

#6f7a8e
```
#6f7a8e rgb(111,122,142)
```
#8e836f
```
#8e836f rgb(142,131,111)
```

Complementary Color

#6f8a8e
```
#6f8a8e rgb(111,138,142)
```
#6f7a8e
```
#6f7a8e rgb(111,122,142)
```
#746f8e
```
#746f8e rgb(116,111,142)
```

Analogous Color

#8a8e6f
```
#8a8e6f rgb(138,142,111)
```
#6f7a8e
```
#6f7a8e rgb(111,122,142)
```
#8e746f
```
#8e746f rgb(142,116,111)
```

Split Complementary Color

#7a8e6f
```
#7a8e6f rgb(122,142,111)
```
#6f7a8e
```
#6f7a8e rgb(111,122,142)
```
#8e6f7a
```
#8e6f7a rgb(142,111,122)
```

Triadic Color

#6f8e83
```
#6f8e83 rgb(111,142,131)
```
#6f7a8e
```
#6f7a8e rgb(111,122,142)
```
#8e6f7a
```
#8e6f7a rgb(142,111,122)
```
#8e836f
```
#8e836f rgb(142,131,111)
```

Tetradic Color

#4d5563
```
#4d5563 rgb(77,85,99)
```
#596171
```
#596171 rgb(89,97,113)
```
#646e80
```
#646e80 rgb(100,110,128)
```
#6f7a8e
```
#6f7a8e rgb(111,122,142)
```
#7d8799
```
#7d8799 rgb(125,135,153)
```
#8b94a5
```
#8b94a5 rgb(139,148,165)
```
#9aa2b0
```
#9aa2b0 rgb(154,162,176)
```

Monochromatic Color

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

#6f828e
```
#6f828e rgb(111,130,142)
```
#6f7f8e
```
#6f7f8e rgb(111,127,142)
```
#6f7d8e
```
#6f7d8e rgb(111,125,142)
```
#6f7a8e
```
#6f7a8e rgb(111,122,142)
```
#6f778e
```
#6f778e rgb(111,119,142)
```
#6f758e
```
#6f758e rgb(111,117,142)
```
#6f728e
```
#6f728e rgb(111,114,142)
```

Similar Colors

Text with hexadecimal color #6f7a8e

This text has a font color of #6f7a8e.

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

#6f7a8e background color

This paragraph has a background color of #6f7a8e.

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

#6f7a8e border color

This element has a border color of #6f7a8e.

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

CSS codes

.text {color:#6f7a8e;}

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

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

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, #08080a is the darkest color, while #fefefe is the lightest one.

#08080a
```
#08080a rgb(8,8,10)
```
#101215
```
#101215 rgb(16,18,21)
```
#191b20
```
#191b20 rgb(25,27,32)
```
#22252b
```
#22252b rgb(34,37,43)
```
#2a2e36
```
#2a2e36 rgb(42,46,54)
```
#333841
```
#333841 rgb(51,56,65)
```
#3b414c
```
#3b414c rgb(59,65,76)
```
#444b57
```
#444b57 rgb(68,75,87)
```
#4d5462
```
#4d5462 rgb(77,84,98)
```
#555e6d
```
#555e6d rgb(85,94,109)
```
#5e6778
```
#5e6778 rgb(94,103,120)
```
#667183
```
#667183 rgb(102,113,131)
```
#6f7a8e
```
#6f7a8e rgb(111,122,142)
```

Shade Color Variation

#7a8497
```
#7a8497 rgb(122,132,151)
```
#858e9f
```
#858e9f rgb(133,142,159)
```
#9098a8
```
#9098a8 rgb(144,152,168)
```
#9ba3b1
```
#9ba3b1 rgb(155,163,177)
```
#a6adb9
```
#a6adb9 rgb(166,173,185)
```
#b1b7c2
```
#b1b7c2 rgb(177,183,194)
```
#bcc1ca
```
#bcc1ca rgb(188,193,202)
```
#c7cbd3
```
#c7cbd3 rgb(199,203,211)
```
#d2d5dc
```
#d2d5dc rgb(210,213,220)
```
#dddfe4
```
#dddfe4 rgb(221,223,228)
```
#e8eaed
```
#e8eaed rgb(232,234,237)
```
#f3f4f6
```
#f3f4f6 rgb(243,244,246)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #797d84 is the less saturated color, while #045bf9 is the most saturated one.

#797d84
```
#797d84 rgb(121,125,132)
```
#6f7a8e
```
#6f7a8e rgb(111,122,142)
```
#657798
```
#657798 rgb(101,119,152)
```
#5c74a1
```
#5c74a1 rgb(92,116,161)
```
#5272ab
```
#5272ab rgb(82,114,171)
```
#486fb5
```
#486fb5 rgb(72,111,181)
```
#3e6cbf
```
#3e6cbf rgb(62,108,191)
```
#3569c8
```
#3569c8 rgb(53,105,200)
```
#2b66d2
```
#2b66d2 rgb(43,102,210)
```
#2163dc
```
#2163dc rgb(33,99,220)
```
#1761e6
```
#1761e6 rgb(23,97,230)
```
#0e5eef
```
#0e5eef rgb(14,94,239)
```
#045bf9
```
#045bf9 rgb(4,91,249)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#77797d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c7f92 Protanopia 1% of men
#817d95 Deuteranopia 1% of men
#74828b Tritanopia 0.001% of the population

Trichromacy

#777d91 Protanomaly 1% of men, 0.01% of women
#7a7c92 Deuteranomaly 6% of men, 0.4% of women
#727f8c Tritanomaly 0.01% of the population

#6f7a8e hex color

#6f7a8e Color Information

#6f7a8e Color Conversion

Color Schemes with #6f7a8e

Alternatives to #6f7a8e

#6f7a8e Preview

Shades and Tints of #6f7a8e

Tones of #6f7a8e

Color Blindness Simulator