#6bb2a1 hex color

In a RGB color space, hex #6bb2a1 is composed of 42% red, 69.8% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 39.9% cyan, 0% magenta, 9.6% yellow and 30.2% black. It has a hue angle of 165.6 degrees, a saturation of 31.6% and a lightness of 55.9%. #6bb2a1 color hex could be obtained by blending #d6ffff with #006543. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 42
- G 70
- B 63
RGB color chart
- C 40
- M 0
- Y 10
- K 30
CMYK color chart

● #6bb2a1 color description : Mostly desaturated dark cyan.

The hexadecimal color #6bb2a1 has RGB values of R:107, G:178, B:161 and CMYK values of C:0.4, M:0, Y:0.1, K:0.3. Its decimal value is 7058081.

Hex triplet	6bb2a1	`#6bb2a1`
RGB Decimal	107, 178, 161	`rgb(107,178,161)`
RGB Percent	42, 69.8, 63.1	`rgb(42%,69.8%,63.1%)`
CMYK	40, 0, 10, 30
HSL	165.6°, 31.6, 55.9	`hsl(165.6,31.6%,55.9%)`
HSV (or HSB)	165.6°, 39.9, 69.8
Web Safe	669999	`#669999`

CIE-LAB	67.679, -26.357, 1.676
XYZ	28.415, 37.538, 39.465
xyY	0.27, 0.356, 37.538
CIE-LCH	67.679, 26.41, 176.361
CIE-LUV	67.679, -33.195, 6.669
Hunter-Lab	61.268, -24.435, 4.698
Binary	01101011, 10110010, 10100001

#6bb2a1
```
#6bb2a1 rgb(107,178,161)
```
#b26b7c
```
#b26b7c rgb(178,107,124)
```

Complementary Color

#6bb27e
```
#6bb27e rgb(107,178,126)
```
#6bb2a1
```
#6bb2a1 rgb(107,178,161)
```
#6ba0b2
```
#6ba0b2 rgb(107,160,178)
```

Analogous Color

#b27e6b
```
#b27e6b rgb(178,126,107)
```
#6bb2a1
```
#6bb2a1 rgb(107,178,161)
```
#b26ba0
```
#b26ba0 rgb(178,107,160)
```

Split Complementary Color

#b2a16b
```
#b2a16b rgb(178,161,107)
```
#6bb2a1
```
#6bb2a1 rgb(107,178,161)
```
#a16bb2
```
#a16bb2 rgb(161,107,178)
```

Triadic Color

#7cb26b
```
#7cb26b rgb(124,178,107)
```
#6bb2a1
```
#6bb2a1 rgb(107,178,161)
```
#a16bb2
```
#a16bb2 rgb(161,107,178)
```
#b26b7c
```
#b26b7c rgb(178,107,124)
```

Tetradic Color

#478979
```
#478979 rgb(71,137,121)
```
#509a88
```
#509a88 rgb(80,154,136)
```
#5aa996
```
#5aa996 rgb(90,169,150)
```
#6bb2a1
```
#6bb2a1 rgb(107,178,161)
```
#7cbbac
```
#7cbbac rgb(124,187,172)
```
#8dc3b6
```
#8dc3b6 rgb(141,195,182)
```
#9dccc1
```
#9dccc1 rgb(157,204,193)
```

Monochromatic Color

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

#6bb28f
```
#6bb28f rgb(107,178,143)
```
#6bb295
```
#6bb295 rgb(107,178,149)
```
#6bb29b
```
#6bb29b rgb(107,178,155)
```
#6bb2a1
```
#6bb2a1 rgb(107,178,161)
```
#6bb2a7
```
#6bb2a7 rgb(107,178,167)
```
#6bb2ad
```
#6bb2ad rgb(107,178,173)
```
#6bb1b2
```
#6bb1b2 rgb(107,177,178)
```

Similar Colors

Text with hexadecimal color #6bb2a1

This text has a font color of #6bb2a1.

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

#6bb2a1 background color

This paragraph has a background color of #6bb2a1.

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

#6bb2a1 border color

This element has a border color of #6bb2a1.

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

CSS codes

.text {color:#6bb2a1;}

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

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

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

#040706
```
#040706 rgb(4,7,6)
```
#0a1411
```
#0a1411 rgb(10,20,17)
```
#11211d
```
#11211d rgb(17,33,29)
```
#182e28
```
#182e28 rgb(24,46,40)
```
#1e3a34
```
#1e3a34 rgb(30,58,52)
```
#25473f
```
#25473f rgb(37,71,63)
```
#2c544b
```
#2c544b rgb(44,84,75)
```
#336156
```
#336156 rgb(51,97,86)
```
#396e61
```
#396e61 rgb(57,110,97)
```
#407b6d
```
#407b6d rgb(64,123,109)
```
#478878
```
#478878 rgb(71,136,120)
```
#4d9584
```
#4d9584 rgb(77,149,132)
```
#54a28f
```
#54a28f rgb(84,162,143)
```

Shade Color Variation

#5eab99
```
#5eab99 rgb(94,171,153)
```
#6bb2a1
```
#6bb2a1 rgb(107,178,161)
```
#78b9a9
```
#78b9a9 rgb(120,185,169)
```
#85bfb1
```
#85bfb1 rgb(133,191,177)
```
#92c6ba
```
#92c6ba rgb(146,198,186)
```
#9fcdc2
```
#9fcdc2 rgb(159,205,194)
```
#acd4ca
```
#acd4ca rgb(172,212,202)
```
#b8dad2
```
#b8dad2 rgb(184,218,210)
```
#c5e1da
```
#c5e1da rgb(197,225,218)
```
#d2e8e3
```
#d2e8e3 rgb(210,232,227)
```
#dfeeeb
```
#dfeeeb rgb(223,238,235)
```
#ecf5f3
```
#ecf5f3 rgb(236,245,243)
```
#f9fcfb
```
#f9fcfb rgb(249,252,251)
```

Tint Color Variation

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

#8e8f8f
```
#8e8f8f rgb(142,143,143)
```
#859893
```
#859893 rgb(133,152,147)
```
#7ca198
```
#7ca198 rgb(124,161,152)
```
#74a99c
```
#74a99c rgb(116,169,156)
```
#6bb2a1
```
#6bb2a1 rgb(107,178,161)
```
#62bba6
```
#62bba6 rgb(98,187,166)
```
#5ac3aa
```
#5ac3aa rgb(90,195,170)
```
#51ccaf
```
#51ccaf rgb(81,204,175)
```
#48d5b3
```
#48d5b3 rgb(72,213,179)
```
#40ddb8
```
#40ddb8 rgb(64,221,184)
```
#37e6bc
```
#37e6bc rgb(55,230,188)
```
#2eefc1
```
#2eefc1 rgb(46,239,193)
```
#26f7c5
```
#26f7c5 rgb(38,247,197)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#91a09c Atypical Achromatopsia 0.001% of the population

Dichromacy

#aea89f Protanopia 1% of men
#b8a4ab Deuteranopia 1% of men
#7ab2bf Tritanopia 0.001% of the population

Trichromacy

#96ac9f Protanomaly 1% of men, 0.01% of women
#9ca9a7 Deuteranomaly 6% of men, 0.4% of women
#74b2b4 Tritanomaly 0.01% of the population

#6bb2a1 hex color

#6bb2a1 Color Information

#6bb2a1 Color Conversion

Color Schemes with #6bb2a1

Alternatives to #6bb2a1

#6bb2a1 Preview

Shades and Tints of #6bb2a1

Tones of #6bb2a1

Color Blindness Simulator