#6b8a88 hex color

In a RGB color space, hex #6b8a88 is composed of 42% red, 54.1% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 22.5% cyan, 0% magenta, 1.4% yellow and 45.9% black. It has a hue angle of 176.1 degrees, a saturation of 12.7% and a lightness of 48%. #6b8a88 color hex could be obtained by blending #d6ffff with #001511. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 42
- G 54
- B 53
RGB color chart
- C 22
- M 0
- Y 1
- K 46
CMYK color chart

● #6b8a88 color description : Dark grayish cyan.

The hexadecimal color #6b8a88 has RGB values of R:107, G:138, B:136 and CMYK values of C:0.22, M:0, Y:0.01, K:0.46. Its decimal value is 7047816.

Hex triplet	6b8a88	`#6b8a88`
RGB Decimal	107, 138, 136	`rgb(107,138,136)`
RGB Percent	42, 54.1, 53.3	`rgb(42%,54.1%,53.3%)`
CMYK	22, 0, 1, 46
HSL	176.1°, 12.7, 48	`hsl(176.1,12.7%,48%)`
HSV (or HSB)	176.1°, 22.5, 54.1
Web Safe	669999	`#669999`

CIE-LAB	55.154, -11.327, -2.525
XYZ	19.595, 23.08, 26.714
xyY	0.282, 0.333, 23.08
CIE-LCH	55.154, 11.605, 192.566
CIE-LUV	55.154, -15.828, -1.814
Hunter-Lab	48.041, -11.267, 0.66
Binary	01101011, 10001010, 10001000

#6b8a88
```
#6b8a88 rgb(107,138,136)
```
#8a6b6d
```
#8a6b6d rgb(138,107,109)
```

Complementary Color

#6b8a79
```
#6b8a79 rgb(107,138,121)
```
#6b8a88
```
#6b8a88 rgb(107,138,136)
```
#6b7d8a
```
#6b7d8a rgb(107,125,138)
```

Analogous Color

#8a796b
```
#8a796b rgb(138,121,107)
```
#6b8a88
```
#6b8a88 rgb(107,138,136)
```
#8a6b7d
```
#8a6b7d rgb(138,107,125)
```

Split Complementary Color

#8a886b
```
#8a886b rgb(138,136,107)
```
#6b8a88
```
#6b8a88 rgb(107,138,136)
```
#886b8a
```
#886b8a rgb(136,107,138)
```

Triadic Color

#6d8a6b
```
#6d8a6b rgb(109,138,107)
```
#6b8a88
```
#6b8a88 rgb(107,138,136)
```
#886b8a
```
#886b8a rgb(136,107,138)
```
#8a6b6d
```
#8a6b6d rgb(138,107,109)
```

Tetradic Color

#4a5f5e
```
#4a5f5e rgb(74,95,94)
```
#556d6c
```
#556d6c rgb(85,109,108)
```
#607c7a
```
#607c7a rgb(96,124,122)
```
#6b8a88
```
#6b8a88 rgb(107,138,136)
```
#789694
```
#789694 rgb(120,150,148)
```
#86a2a0
```
#86a2a0 rgb(134,162,160)
```
#95adab
```
#95adab rgb(149,173,171)
```

Monochromatic Color

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

#6b8a80
```
#6b8a80 rgb(107,138,128)
```
#6b8a83
```
#6b8a83 rgb(107,138,131)
```
#6b8a85
```
#6b8a85 rgb(107,138,133)
```
#6b8a88
```
#6b8a88 rgb(107,138,136)
```
#6b898a
```
#6b898a rgb(107,137,138)
```
#6b878a
```
#6b878a rgb(107,135,138)
```
#6b848a
```
#6b848a rgb(107,132,138)
```

Similar Colors

Text with hexadecimal color #6b8a88

This text has a font color of #6b8a88.

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

#6b8a88 background color

This paragraph has a background color of #6b8a88.

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

#6b8a88 border color

This element has a border color of #6b8a88.

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

CSS codes

.text {color:#6b8a88;}

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

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

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 #f9fbfb is the lightest one.

#040505
```
#040505 rgb(4,5,5)
```
#0d1010
```
#0d1010 rgb(13,16,16)
```
#151c1b
```
#151c1b rgb(21,28,27)
```
#1e2726
```
#1e2726 rgb(30,39,38)
```
#263231
```
#263231 rgb(38,50,49)
```
#2f3d3c
```
#2f3d3c rgb(47,61,60)
```
#384847
```
#384847 rgb(56,72,71)
```
#405352
```
#405352 rgb(64,83,82)
```
#495e5c
```
#495e5c rgb(73,94,92)
```
#516967
```
#516967 rgb(81,105,103)
```
#5a7472
```
#5a7472 rgb(90,116,114)
```
#627f7d
```
#627f7d rgb(98,127,125)
```
#6b8a88
```
#6b8a88 rgb(107,138,136)
```

Shade Color Variation

#759492
```
#759492 rgb(117,148,146)
```
#809c9b
```
#809c9b rgb(128,156,155)
```
#8ba5a3
```
#8ba5a3 rgb(139,165,163)
```
#96aeac
```
#96aeac rgb(150,174,172)
```
#a1b6b5
```
#a1b6b5 rgb(161,182,181)
```
#acbfbd
```
#acbfbd rgb(172,191,189)
```
#b7c7c6
```
#b7c7c6 rgb(183,199,198)
```
#c2d0cf
```
#c2d0cf rgb(194,208,207)
```
#cdd8d8
```
#cdd8d8 rgb(205,216,216)
```
#d8e1e0
```
#d8e1e0 rgb(216,225,224)
```
#e3e9e9
```
#e3e9e9 rgb(227,233,233)
```
#eef2f2
```
#eef2f2 rgb(238,242,242)
```
#f9fbfb
```
#f9fbfb rgb(249,251,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #748180 is the less saturated color, while #03f2e2 is the most saturated one.

#748180
```
#748180 rgb(116,129,128)
```
#6b8a88
```
#6b8a88 rgb(107,138,136)
```
#629390
```
#629390 rgb(98,147,144)
```
#589d98
```
#589d98 rgb(88,157,152)
```
#4fa6a1
```
#4fa6a1 rgb(79,166,161)
```
#45b0a9
```
#45b0a9 rgb(69,176,169)
```
#3cb9b1
```
#3cb9b1 rgb(60,185,177)
```
#32c3b9
```
#32c3b9 rgb(50,195,185)
```
#29ccc1
```
#29ccc1 rgb(41,204,193)
```
#20d5ca
```
#20d5ca rgb(32,213,202)
```
#16dfd2
```
#16dfd2 rgb(22,223,210)
```
#0de8da
```
#0de8da rgb(13,232,218)
```
#03f2e2
```
#03f2e2 rgb(3,242,226)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#7d8382 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c898a Protanopia 1% of men
#938691 Deuteranopia 1% of men
#758e98 Tritanopia 0.001% of the population

Trichromacy

#808989 Protanomaly 1% of men, 0.01% of women
#85878d Deuteranomaly 6% of men, 0.4% of women
#718c92 Tritanomaly 0.01% of the population

#6b8a88 hex color

#6b8a88 Color Information

#6b8a88 Color Conversion

Color Schemes with #6b8a88

Alternatives to #6b8a88

#6b8a88 Preview

Shades and Tints of #6b8a88

Tones of #6b8a88

Color Blindness Simulator