#6bbbb9 hex color

In a RGB color space, hex #6bbbb9 is composed of 42% red, 73.3% green and 72.5% blue. Whereas in a CMYK color space, it is composed of 42.8% cyan, 0% magenta, 1.1% yellow and 26.7% black. It has a hue angle of 178.5 degrees, a saturation of 37% and a lightness of 57.6%. #6bbbb9 color hex could be obtained by blending #d6ffff with #007773. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 42
- G 73
- B 73
RGB color chart
- C 43
- M 0
- Y 1
- K 27
CMYK color chart

● #6bbbb9 color description : Slightly desaturated cyan.

The hexadecimal color #6bbbb9 has RGB values of R:107, G:187, B:185 and CMYK values of C:0.43, M:0, Y:0.01, K:0.27. Its decimal value is 7060409.

Hex triplet	6bbbb9	`#6bbbb9`
RGB Decimal	107, 187, 185	`rgb(107,187,185)`
RGB Percent	42, 73.3, 72.5	`rgb(42%,73.3%,72.5%)`
CMYK	43, 0, 1, 27
HSL	178.5°, 37, 57.6	`hsl(178.5,37%,57.6%)`
HSV (or HSB)	178.5°, 42.8, 73.3
Web Safe	66cccc	`#66cccc`

CIE-LAB	70.986, -24.986, -6.673
XYZ	32.588, 42.167, 52.318
xyY	0.256, 0.332, 42.167
CIE-LCH	70.986, 25.862, 194.953
CIE-LUV	70.986, -36.239, -6.164
Hunter-Lab	64.936, -24.058, -2.314
Binary	01101011, 10111011, 10111001

#6bbbb9
```
#6bbbb9 rgb(107,187,185)
```
#bb6b6d
```
#bb6b6d rgb(187,107,109)
```

Complementary Color

#6bbb91
```
#6bbb91 rgb(107,187,145)
```
#6bbbb9
```
#6bbbb9 rgb(107,187,185)
```
#6b95bb
```
#6b95bb rgb(107,149,187)
```

Analogous Color

#bb916b
```
#bb916b rgb(187,145,107)
```
#6bbbb9
```
#6bbbb9 rgb(107,187,185)
```
#bb6b95
```
#bb6b95 rgb(187,107,149)
```

Split Complementary Color

#bbb96b
```
#bbb96b rgb(187,185,107)
```
#6bbbb9
```
#6bbbb9 rgb(107,187,185)
```
#b96bbb
```
#b96bbb rgb(185,107,187)
```

Triadic Color

#6dbb6b
```
#6dbb6b rgb(109,187,107)
```
#6bbbb9
```
#6bbbb9 rgb(107,187,185)
```
#b96bbb
```
#b96bbb rgb(185,107,187)
```
#bb6b6d
```
#bb6b6d rgb(187,107,109)
```

Tetradic Color

#449593
```
#449593 rgb(68,149,147)
```
#4da7a4
```
#4da7a4 rgb(77,167,164)
```
#5ab3b1
```
#5ab3b1 rgb(90,179,177)
```
#6bbbb9
```
#6bbbb9 rgb(107,187,185)
```
#7cc3c1
```
#7cc3c1 rgb(124,195,193)
```
#8ecbca
```
#8ecbca rgb(142,203,202)
```
#9fd3d2
```
#9fd3d2 rgb(159,211,210)
```

Monochromatic Color

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

#6bbba5
```
#6bbba5 rgb(107,187,165)
```
#6bbbac
```
#6bbbac rgb(107,187,172)
```
#6bbbb2
```
#6bbbb2 rgb(107,187,178)
```
#6bbbb9
```
#6bbbb9 rgb(107,187,185)
```
#6bb6bb
```
#6bb6bb rgb(107,182,187)
```
#6bb0bb
```
#6bb0bb rgb(107,176,187)
```
#6ba9bb
```
#6ba9bb rgb(107,169,187)
```

Similar Colors

Text with hexadecimal color #6bbbb9

This text has a font color of #6bbbb9.

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

#6bbbb9 background color

This paragraph has a background color of #6bbbb9.

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

#6bbbb9 border color

This element has a border color of #6bbbb9.

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

CSS codes

.text {color:#6bbbb9;}

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

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

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, #060d0d is the darkest color, while #ffffff is the lightest one.

#060d0d
```
#060d0d rgb(6,13,13)
```
#0c1b1a
```
#0c1b1a rgb(12,27,26)
```
#122828
```
#122828 rgb(18,40,40)
```
#193635
```
#193635 rgb(25,54,53)
```
#1f4342
```
#1f4342 rgb(31,67,66)
```
#25504f
```
#25504f rgb(37,80,79)
```
#2b5e5d
```
#2b5e5d rgb(43,94,93)
```
#316b6a
```
#316b6a rgb(49,107,106)
```
#387977
```
#387977 rgb(56,121,119)
```
#3e8684
```
#3e8684 rgb(62,134,132)
```
#449492
```
#449492 rgb(68,148,146)
```
#4aa19f
```
#4aa19f rgb(74,161,159)
```
#50afac
```
#50afac rgb(80,175,172)
```

Shade Color Variation

#5eb5b3
```
#5eb5b3 rgb(94,181,179)
```
#6bbbb9
```
#6bbbb9 rgb(107,187,185)
```
#78c1bf
```
#78c1bf rgb(120,193,191)
```
#86c7c6
```
#86c7c6 rgb(134,199,198)
```
#93cecc
```
#93cecc rgb(147,206,204)
```
#a1d4d2
```
#a1d4d2 rgb(161,212,210)
```
#aedad9
```
#aedad9 rgb(174,218,217)
```
#bce0df
```
#bce0df rgb(188,224,223)
```
#c9e6e5
```
#c9e6e5 rgb(201,230,229)
```
#d7ecec
```
#d7ecec rgb(215,236,236)
```
#e4f3f2
```
#e4f3f2 rgb(228,243,242)
```
#f1f9f9
```
#f1f9f9 rgb(241,249,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8c9a99 is the less saturated color, while #29fdf8 is the most saturated one.

#8c9a99
```
#8c9a99 rgb(140,154,153)
```
#84a2a1
```
#84a2a1 rgb(132,162,161)
```
#7caaa9
```
#7caaa9 rgb(124,170,169)
```
#73b3b1
```
#73b3b1 rgb(115,179,177)
```
#6bbbb9
```
#6bbbb9 rgb(107,187,185)
```
#63c3c1
```
#63c3c1 rgb(99,195,193)
```
#5accc9
```
#5accc9 rgb(90,204,201)
```
#52d4d1
```
#52d4d1 rgb(82,212,209)
```
#4adcd9
```
#4adcd9 rgb(74,220,217)
```
#41e5e0
```
#41e5e0 rgb(65,229,224)
```
#39ede8
```
#39ede8 rgb(57,237,232)
```
#31f5f0
```
#31f5f0 rgb(49,245,240)
```
#29fdf8
```
#29fdf8 rgb(41,253,248)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#98a8a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3b1b5 Protanopia 1% of men
#baadc2 Deuteranopia 1% of men
#77bcca Tritanopia 0.001% of the population

Trichromacy

#99b4b6 Protanomaly 1% of men, 0.01% of women
#9db2bf Deuteranomaly 6% of men, 0.4% of women
#72bbc3 Tritanomaly 0.01% of the population

#6bbbb9 hex color

#6bbbb9 Color Information

#6bbbb9 Color Conversion

Color Schemes with #6bbbb9

Alternatives to #6bbbb9

#6bbbb9 Preview

Shades and Tints of #6bbbb9

Tones of #6bbbb9

Color Blindness Simulator