colorhexa.com

#6b7a8a hex color

In a RGB color space, hex #6b7a8a is composed of 42% red, 47.8% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 22.5% cyan, 11.6% magenta, 0% yellow and 45.9% black. It has a hue angle of 211 degrees, a saturation of 12.7% and a lightness of 48%. #6b7a8a color hex could be obtained by blending #d6f4ff with #000015. Closest websafe color is: #666699.

- R 42
- G 48
- B 54
RGB color chart
- C 22
- M 12
- Y 0
- K 46
CMYK color chart

● #6b7a8a color description : Dark grayish blue.

The hexadecimal color #6b7a8a has RGB values of R:107, G:122, B:138 and CMYK values of C:0.22, M:0.12, Y:0, K:0.46. Its decimal value is 7043722.

Hex triplet	6b7a8a	`#6b7a8a`
RGB Decimal	107, 122, 138	`rgb(107,122,138)`
RGB Percent	42, 47.8, 54.1	`rgb(42%,47.8%,54.1%)`
CMYK	22, 12, 0, 46
HSL	211°, 12.7, 48	`hsl(211,12.7%,48%)`
HSV (or HSB)	211°, 22.5, 54.1
Web Safe	666699	`#666699`

CIE-LAB	50.546, -1.796, -10.542
XYZ	17.609, 18.879, 26.76
xyY	0.278, 0.298, 18.879
CIE-LCH	50.546, 10.694, 260.332
CIE-LUV	50.546, -8.544, -14.758
Hunter-Lab	43.451, -3.697, -6.099
Binary	01101011, 01111010, 10001010

#6b7a8a
```
#6b7a8a rgb(107,122,138)
```
#8a7b6b
```
#8a7b6b rgb(138,123,107)
```

Complementary Color

#6b8a8a
```
#6b8a8a rgb(107,138,138)
```
#6b7a8a
```
#6b7a8a rgb(107,122,138)
```
#6c6b8a
```
#6c6b8a rgb(108,107,138)
```

Analogous Color

#8a8a6b
```
#8a8a6b rgb(138,138,107)
```
#6b7a8a
```
#6b7a8a rgb(107,122,138)
```
#8a6c6b
```
#8a6c6b rgb(138,108,107)
```

Split Complementary Color

#7a8a6b
```
#7a8a6b rgb(122,138,107)
```
#6b7a8a
```
#6b7a8a rgb(107,122,138)
```
#8a6b7a
```
#8a6b7a rgb(138,107,122)
```

Triadic Color

#6b8a7b
```
#6b8a7b rgb(107,138,123)
```
#6b7a8a
```
#6b7a8a rgb(107,122,138)
```
#8a6b7a
```
#8a6b7a rgb(138,107,122)
```
#8a7b6b
```
#8a7b6b rgb(138,123,107)
```

Tetradic Color

#4a545f
```
#4a545f rgb(74,84,95)
```
#55616d
```
#55616d rgb(85,97,109)
```
#606d7c
```
#606d7c rgb(96,109,124)
```
#6b7a8a
```
#6b7a8a rgb(107,122,138)
```
#788796
```
#788796 rgb(120,135,150)
```
#8694a2
```
#8694a2 rgb(134,148,162)
```
#95a0ad
```
#95a0ad rgb(149,160,173)
```

Monochromatic Color

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

#6b828a
```
#6b828a rgb(107,130,138)
```
#6b7f8a
```
#6b7f8a rgb(107,127,138)
```
#6b7d8a
```
#6b7d8a rgb(107,125,138)
```
#6b7a8a
```
#6b7a8a rgb(107,122,138)
```
#6b778a
```
#6b778a rgb(107,119,138)
```
#6b758a
```
#6b758a rgb(107,117,138)
```
#6b728a
```
#6b728a rgb(107,114,138)
```

Similar Colors

Text with hexadecimal color #6b7a8a

This text has a font color of #6b7a8a.

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

#6b7a8a background color

This paragraph has a background color of #6b7a8a.

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

#6b7a8a border color

This element has a border color of #6b7a8a.

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

CSS codes

.text {color:#6b7a8a;}

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

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

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

#040505
```
#040505 rgb(4,5,5)
```
#0d0f10
```
#0d0f10 rgb(13,15,16)
```
#15181c
```
#15181c rgb(21,24,28)
```
#1e2227
```
#1e2227 rgb(30,34,39)
```
#262c32
```
#262c32 rgb(38,44,50)
```
#2f363d
```
#2f363d rgb(47,54,61)
```
#383f48
```
#383f48 rgb(56,63,72)
```
#404953
```
#404953 rgb(64,73,83)
```
#49535e
```
#49535e rgb(73,83,94)
```
#515d69
```
#515d69 rgb(81,93,105)
```
#5a6674
```
#5a6674 rgb(90,102,116)
```
#62707f
```
#62707f rgb(98,112,127)
```
#6b7a8a
```
#6b7a8a rgb(107,122,138)
```

Shade Color Variation

#758494
```
#758494 rgb(117,132,148)
```
#808e9c
```
#808e9c rgb(128,142,156)
```
#8b98a5
```
#8b98a5 rgb(139,152,165)
```
#96a1ae
```
#96a1ae rgb(150,161,174)
```
#a1abb6
```
#a1abb6 rgb(161,171,182)
```
#acb5bf
```
#acb5bf rgb(172,181,191)
```
#b7bfc7
```
#b7bfc7 rgb(183,191,199)
```
#c2c9d0
```
#c2c9d0 rgb(194,201,208)
```
#cdd3d8
```
#cdd3d8 rgb(205,211,216)
```
#d8dce1
```
#d8dce1 rgb(216,220,225)
```
#e3e6e9
```
#e3e6e9 rgb(227,230,233)
```
#eef0f2
```
#eef0f2 rgb(238,240,242)
```
#f9fafb
```
#f9fafb rgb(249,250,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #747a81 is the less saturated color, while #0377f2 is the most saturated one.

#747a81
```
#747a81 rgb(116,122,129)
```
#6b7a8a
```
#6b7a8a rgb(107,122,138)
```
#627a93
```
#627a93 rgb(98,122,147)
```
#58799d
```
#58799d rgb(88,121,157)
```
#4f79a6
```
#4f79a6 rgb(79,121,166)
```
#4579b0
```
#4579b0 rgb(69,121,176)
```
#3c78b9
```
#3c78b9 rgb(60,120,185)
```
#3278c3
```
#3278c3 rgb(50,120,195)
```
#2978cc
```
#2978cc rgb(41,120,204)
```
#2078d5
```
#2078d5 rgb(32,120,213)
```
#1677df
```
#1677df rgb(22,119,223)
```
#0d77e8
```
#0d77e8 rgb(13,119,232)
```
#0377f2
```
#0377f2 rgb(3,119,242)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#75787b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c7e8e Protanopia 1% of men
#817c91 Deuteranopia 1% of men
#71818b Tritanopia 0.001% of the population

Trichromacy

#767c8c Protanomaly 1% of men, 0.01% of women
#797b8e Deuteranomaly 6% of men, 0.4% of women
#6f7e8a Tritanomaly 0.01% of the population