#6cb6b2 hex color

In a RGB color space, hex #6cb6b2 is composed of 42.4% red, 71.4% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 40.7% cyan, 0% magenta, 2.2% yellow and 28.6% black. It has a hue angle of 176.8 degrees, a saturation of 33.6% and a lightness of 56.9%. #6cb6b2 color hex could be obtained by blending #d8ffff with #006d65. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 42
- G 71
- B 70
RGB color chart
- C 41
- M 0
- Y 2
- K 29
CMYK color chart

● #6cb6b2 color description : Slightly desaturated cyan.

The hexadecimal color #6cb6b2 has RGB values of R:108, G:182, B:178 and CMYK values of C:0.41, M:0, Y:0.02, K:0.29. Its decimal value is 7124658.

Hex triplet	6cb6b2	`#6cb6b2`
RGB Decimal	108, 182, 178	`rgb(108,182,178)`
RGB Percent	42.4, 71.4, 69.8	`rgb(42.4%,71.4%,69.8%)`
CMYK	41, 0, 2, 29
HSL	176.8°, 33.6, 56.9	`hsl(176.8,33.6%,56.9%)`
HSV (or HSB)	176.8°, 40.7, 71.4
Web Safe	66cc99	`#66cc99`

CIE-LAB	69.367, -23.989, -5.219
XYZ	30.946, 39.857, 48.179
xyY	0.26, 0.335, 39.857
CIE-LCH	69.367, 24.55, 192.275
CIE-LUV	69.367, -34.064, -4.047
Hunter-Lab	63.132, -22.984, -1.055
Binary	01101100, 10110110, 10110010

#6cb6b2
```
#6cb6b2 rgb(108,182,178)
```
#b66c70
```
#b66c70 rgb(182,108,112)
```

Complementary Color

#6cb68d
```
#6cb68d rgb(108,182,141)
```
#6cb6b2
```
#6cb6b2 rgb(108,182,178)
```
#6c95b6
```
#6c95b6 rgb(108,149,182)
```

Analogous Color

#b68d6c
```
#b68d6c rgb(182,141,108)
```
#6cb6b2
```
#6cb6b2 rgb(108,182,178)
```
#b66c95
```
#b66c95 rgb(182,108,149)
```

Split Complementary Color

#b6b26c
```
#b6b26c rgb(182,178,108)
```
#6cb6b2
```
#6cb6b2 rgb(108,182,178)
```
#b26cb6
```
#b26cb6 rgb(178,108,182)
```

Triadic Color

#70b66c
```
#70b66c rgb(112,182,108)
```
#6cb6b2
```
#6cb6b2 rgb(108,182,178)
```
#b26cb6
```
#b26cb6 rgb(178,108,182)
```
#b66c70
```
#b66c70 rgb(182,108,112)
```

Tetradic Color

#478f8b
```
#478f8b rgb(71,143,139)
```
#4fa09b
```
#4fa09b rgb(79,160,155)
```
#5baea9
```
#5baea9 rgb(91,174,169)
```
#6cb6b2
```
#6cb6b2 rgb(108,182,178)
```
#7dbebb
```
#7dbebb rgb(125,190,187)
```
#8ec7c4
```
#8ec7c4 rgb(142,199,196)
```
#9fcfcd
```
#9fcfcd rgb(159,207,205)
```

Monochromatic Color

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

#6cb6a0
```
#6cb6a0 rgb(108,182,160)
```
#6cb6a6
```
#6cb6a6 rgb(108,182,166)
```
#6cb6ac
```
#6cb6ac rgb(108,182,172)
```
#6cb6b2
```
#6cb6b2 rgb(108,182,178)
```
#6cb4b6
```
#6cb4b6 rgb(108,180,182)
```
#6caeb6
```
#6caeb6 rgb(108,174,182)
```
#6ca8b6
```
#6ca8b6 rgb(108,168,182)
```

Similar Colors

Text with hexadecimal color #6cb6b2

This text has a font color of #6cb6b2.

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

#6cb6b2 background color

This paragraph has a background color of #6cb6b2.

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

#6cb6b2 border color

This element has a border color of #6cb6b2.

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

CSS codes

.text {color:#6cb6b2;}

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

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

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, #050a0a is the darkest color, while #fcfefe is the lightest one.

#050a0a
```
#050a0a rgb(5,10,10)
```
#0c1717
```
#0c1717 rgb(12,23,23)
```
#122424
```
#122424 rgb(18,36,36)
```
#193230
```
#193230 rgb(25,50,48)
```
#1f3f3d
```
#1f3f3d rgb(31,63,61)
```
#264c4a
```
#264c4a rgb(38,76,74)
```
#2c5957
```
#2c5957 rgb(44,89,87)
```
#336663
```
#336663 rgb(51,102,99)
```
#397370
```
#397370 rgb(57,115,112)
```
#40807d
```
#40807d rgb(64,128,125)
```
#468d8a
```
#468d8a rgb(70,141,138)
```
#4d9a96
```
#4d9a96 rgb(77,154,150)
```
#53a8a3
```
#53a8a3 rgb(83,168,163)
```

Shade Color Variation

#5fafab
```
#5fafab rgb(95,175,171)
```
#6cb6b2
```
#6cb6b2 rgb(108,182,178)
```
#79bdb9
```
#79bdb9 rgb(121,189,185)
```
#86c3c0
```
#86c3c0 rgb(134,195,192)
```
#93cac7
```
#93cac7 rgb(147,202,199)
```
#a0d0cd
```
#a0d0cd rgb(160,208,205)
```
#aed7d4
```
#aed7d4 rgb(174,215,212)
```
#bbdddb
```
#bbdddb rgb(187,221,219)
```
#c8e4e2
```
#c8e4e2 rgb(200,228,226)
```
#d5eae9
```
#d5eae9 rgb(213,234,233)
```
#e2f1f0
```
#e2f1f0 rgb(226,241,240)
```
#eff7f7
```
#eff7f7 rgb(239,247,247)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#8e9494
```
#8e9494 rgb(142,148,148)
```
#859d9b
```
#859d9b rgb(133,157,155)
```
#7da5a3
```
#7da5a3 rgb(125,165,163)
```
#74aeaa
```
#74aeaa rgb(116,174,170)
```
#6cb6b2
```
#6cb6b2 rgb(108,182,178)
```
#64beba
```
#64beba rgb(100,190,186)
```
#5bc7c1
```
#5bc7c1 rgb(91,199,193)
```
#53cfc9
```
#53cfc9 rgb(83,207,201)
```
#4ad8d0
```
#4ad8d0 rgb(74,216,208)
```
#42e0d8
```
#42e0d8 rgb(66,224,216)
```
#39e9df
```
#39e9df rgb(57,233,223)
```
#31f1e7
```
#31f1e7 rgb(49,241,231)
```
#28faee
```
#28faee rgb(40,250,238)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#95a4a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0acaf Protanopia 1% of men
#b7a9bb Deuteranopia 1% of men
#78b7c4 Tritanopia 0.001% of the population

Trichromacy

#97b0b0 Protanomaly 1% of men, 0.01% of women
#9badb8 Deuteranomaly 6% of men, 0.4% of women
#74b6bd Tritanomaly 0.01% of the population

#6cb6b2 hex color

#6cb6b2 Color Information

#6cb6b2 Color Conversion

Color Schemes with #6cb6b2

Alternatives to #6cb6b2

#6cb6b2 Preview

Shades and Tints of #6cb6b2

Tones of #6cb6b2

Color Blindness Simulator