#6bd1cc hex color

In a RGB color space, hex #6bd1cc is composed of 42% red, 82% green and 80% blue. Whereas in a CMYK color space, it is composed of 48.8% cyan, 0% magenta, 2.4% yellow and 18% black. It has a hue angle of 177.1 degrees, a saturation of 52.6% and a lightness of 62%. #6bd1cc color hex could be obtained by blending #d6ffff with #00a399. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 42
- G 82
- B 80
RGB color chart
- C 49
- M 0
- Y 2
- K 18
CMYK color chart

● #6bd1cc color description : Slightly desaturated cyan.

The hexadecimal color #6bd1cc has RGB values of R:107, G:209, B:204 and CMYK values of C:0.49, M:0, Y:0.02, K:0.18. Its decimal value is 7066060.

Hex triplet	6bd1cc	`#6bd1cc`
RGB Decimal	107, 209, 204	`rgb(107,209,204)`
RGB Percent	42, 82, 80	`rgb(42%,82%,80%)`
CMYK	49, 0, 2, 18
HSL	177.1°, 52.6, 62	`hsl(177.1,52.6%,62%)`
HSV (or HSB)	177.1°, 48.8, 82
Web Safe	66cccc	`#66cccc`

CIE-LAB	77.924, -30.903, -6.7
XYZ	39.76, 53.084, 65.274
xyY	0.251, 0.336, 53.084
CIE-LCH	77.924, 31.622, 192.233
CIE-LUV	77.924, -44.277, -5.394
Hunter-Lab	72.859, -30.093, -2.117
Binary	01101011, 11010001, 11001100

#6bd1cc
```
#6bd1cc rgb(107,209,204)
```
#d16b70
```
#d16b70 rgb(209,107,112)
```

Complementary Color

#6bd199
```
#6bd199 rgb(107,209,153)
```
#6bd1cc
```
#6bd1cc rgb(107,209,204)
```
#6ba3d1
```
#6ba3d1 rgb(107,163,209)
```

Analogous Color

#d1996b
```
#d1996b rgb(209,153,107)
```
#6bd1cc
```
#6bd1cc rgb(107,209,204)
```
#d16ba3
```
#d16ba3 rgb(209,107,163)
```

Split Complementary Color

#d1cc6b
```
#d1cc6b rgb(209,204,107)
```
#6bd1cc
```
#6bd1cc rgb(107,209,204)
```
#cc6bd1
```
#cc6bd1 rgb(204,107,209)
```

Triadic Color

#70d16b
```
#70d16b rgb(112,209,107)
```
#6bd1cc
```
#6bd1cc rgb(107,209,204)
```
#cc6bd1
```
#cc6bd1 rgb(204,107,209)
```
#d16b70
```
#d16b70 rgb(209,107,112)
```

Tetradic Color

#39b7b1
```
#39b7b1 rgb(57,183,177)
```
#44c5bf
```
#44c5bf rgb(68,197,191)
```
#58cbc5
```
#58cbc5 rgb(88,203,197)
```
#6bd1cc
```
#6bd1cc rgb(107,209,204)
```
#7ed7d3
```
#7ed7d3 rgb(126,215,211)
```
#92ddd9
```
#92ddd9 rgb(146,221,217)
```
#a5e3e0
```
#a5e3e0 rgb(165,227,224)
```

Monochromatic Color

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

#6bd1b3
```
#6bd1b3 rgb(107,209,179)
```
#6bd1bb
```
#6bd1bb rgb(107,209,187)
```
#6bd1c4
```
#6bd1c4 rgb(107,209,196)
```
#6bd1cc
```
#6bd1cc rgb(107,209,204)
```
#6bced1
```
#6bced1 rgb(107,206,209)
```
#6bc5d1
```
#6bc5d1 rgb(107,197,209)
```
#6bbdd1
```
#6bbdd1 rgb(107,189,209)
```

Similar Colors

Text with hexadecimal color #6bd1cc

This text has a font color of #6bd1cc.

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

#6bd1cc background color

This paragraph has a background color of #6bd1cc.

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

#6bd1cc border color

This element has a border color of #6bd1cc.

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

CSS codes

.text {color:#6bd1cc;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#051110
```
#051110 rgb(5,17,16)
```
#0a201f
```
#0a201f rgb(10,32,31)
```
#0e2f2d
```
#0e2f2d rgb(14,47,45)
```
#133e3b
```
#133e3b rgb(19,62,59)
```
#184c4a
```
#184c4a rgb(24,76,74)
```
#1c5b58
```
#1c5b58 rgb(28,91,88)
```
#216a67
```
#216a67 rgb(33,106,103)
```
#267975
```
#267975 rgb(38,121,117)
```
#2a8884
```
#2a8884 rgb(42,136,132)
```
#2f9792
```
#2f9792 rgb(47,151,146)
```
#34a6a1
```
#34a6a1 rgb(52,166,161)
```
#38b5af
```
#38b5af rgb(56,181,175)
```

Shade Color Variation

#3ec3bd
```
#3ec3bd rgb(62,195,189)
```
#4dc8c2
```
#4dc8c2 rgb(77,200,194)
```
#5cccc7
```
#5cccc7 rgb(92,204,199)
```
#6bd1cc
```
#6bd1cc rgb(107,209,204)
```
#7ad6d1
```
#7ad6d1 rgb(122,214,209)
```
#89dad6
```
#89dad6 rgb(137,218,214)
```
#98dfdb
```
#98dfdb rgb(152,223,219)
```
#a7e4e1
```
#a7e4e1 rgb(167,228,225)
```
#b6e8e6
```
#b6e8e6 rgb(182,232,230)
```
#c5edeb
```
#c5edeb rgb(197,237,235)
```
#d4f2f0
```
#d4f2f0 rgb(212,242,240)
```
#e3f6f5
```
#e3f6f5 rgb(227,246,245)
```
#f2fbfa
```
#f2fbfa rgb(242,251,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #98a4a4 is the less saturated color, while #3efef4 is the most saturated one.

#98a4a4
```
#98a4a4 rgb(152,164,164)
```
#90acaa
```
#90acaa rgb(144,172,170)
```
#89b3b1
```
#89b3b1 rgb(137,179,177)
```
#81bbb8
```
#81bbb8 rgb(129,187,184)
```
#7ac2bf
```
#7ac2bf rgb(122,194,191)
```
#72cac5
```
#72cac5 rgb(114,202,197)
```
#6bd1cc
```
#6bd1cc rgb(107,209,204)
```
#64d8d3
```
#64d8d3 rgb(100,216,211)
```
#5ce0d9
```
#5ce0d9 rgb(92,224,217)
```
#55e7e0
```
#55e7e0 rgb(85,231,224)
```
#4defe7
```
#4defe7 rgb(77,239,231)
```
#46f6ee
```
#46f6ee rgb(70,246,238)
```
#3efef4
```
#3efef4 rgb(62,254,244)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#a4b8b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6c2c5 Protanopia 1% of men
#cdbed5 Deuteranopia 1% of men
#79d0df Tritanopia 0.001% of the population

Trichromacy

#a5c8c7 Protanomaly 1% of men, 0.01% of women
#a9c5d2 Deuteranomaly 6% of men, 0.4% of women
#74d0d8 Tritanomaly 0.01% of the population

#6bd1cc hex color

#6bd1cc Color Information

#6bd1cc Color Conversion

Color Schemes with #6bd1cc

Alternatives to #6bd1cc

#6bd1cc Preview

Shades and Tints of #6bd1cc

Tones of #6bd1cc

Color Blindness Simulator