#6bddcc hex color

In a RGB color space, hex #6bddcc is composed of 42% red, 86.7% green and 80% blue. Whereas in a CMYK color space, it is composed of 51.6% cyan, 0% magenta, 7.7% yellow and 13.3% black. It has a hue angle of 171.1 degrees, a saturation of 62.6% and a lightness of 64.3%. #6bddcc color hex could be obtained by blending #d6ffff with #00bb99. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 42
- G 87
- B 80
RGB color chart
- C 52
- M 0
- Y 8
- K 13
CMYK color chart

● #6bddcc color description : Soft cyan.

The hexadecimal color #6bddcc has RGB values of R:107, G:221, B:204 and CMYK values of C:0.52, M:0, Y:0.08, K:0.13. Its decimal value is 7069132.

Hex triplet	6bddcc	`#6bddcc`
RGB Decimal	107, 221, 204	`rgb(107,221,204)`
RGB Percent	42, 86.7, 80	`rgb(42%,86.7%,80%)`
CMYK	52, 0, 8, 13
HSL	171.1°, 62.6, 64.3	`hsl(171.1,62.6%,64.3%)`
HSV (or HSB)	171.1°, 51.6, 86.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	81.399, -36.535, -1.583
XYZ	42.816, 59.195, 66.293
xyY	0.254, 0.352, 59.195
CIE-LCH	81.399, 36.569, 182.48
CIE-LUV	81.399, -48.919, 3.479
Hunter-Lab	76.938, -35.309, 2.771
Binary	01101011, 11011101, 11001100

#6bddcc
```
#6bddcc rgb(107,221,204)
```
#dd6b7c
```
#dd6b7c rgb(221,107,124)
```

Complementary Color

#6bdd93
```
#6bdd93 rgb(107,221,147)
```
#6bddcc
```
#6bddcc rgb(107,221,204)
```
#6bb5dd
```
#6bb5dd rgb(107,181,221)
```

Analogous Color

#dd936b
```
#dd936b rgb(221,147,107)
```
#6bddcc
```
#6bddcc rgb(107,221,204)
```
#dd6bb5
```
#dd6bb5 rgb(221,107,181)
```

Split Complementary Color

#ddcc6b
```
#ddcc6b rgb(221,204,107)
```
#6bddcc
```
#6bddcc rgb(107,221,204)
```
#cc6bdd
```
#cc6bdd rgb(204,107,221)
```

Triadic Color

#7cdd6b
```
#7cdd6b rgb(124,221,107)
```
#6bddcc
```
#6bddcc rgb(107,221,204)
```
#cc6bdd
```
#cc6bdd rgb(204,107,221)
```
#dd6b7c
```
#dd6b7c rgb(221,107,124)
```

Tetradic Color

#2fcdb5
```
#2fcdb5 rgb(47,205,181)
```
#42d3be
```
#42d3be rgb(66,211,190)
```
#56d8c5
```
#56d8c5 rgb(86,216,197)
```
#6bddcc
```
#6bddcc rgb(107,221,204)
```
#80e2d3
```
#80e2d3 rgb(128,226,211)
```
#94e7da
```
#94e7da rgb(148,231,218)
```
#a9ebe1
```
#a9ebe1 rgb(169,235,225)
```

Monochromatic Color

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

#6bddb0
```
#6bddb0 rgb(107,221,176)
```
#6bddb9
```
#6bddb9 rgb(107,221,185)
```
#6bddc3
```
#6bddc3 rgb(107,221,195)
```
#6bddcc
```
#6bddcc rgb(107,221,204)
```
#6bddd6
```
#6bddd6 rgb(107,221,214)
```
#6bdbdd
```
#6bdbdd rgb(107,219,221)
```
#6bd2dd
```
#6bd2dd rgb(107,210,221)
```

Similar Colors

Text with hexadecimal color #6bddcc

This text has a font color of #6bddcc.

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

#6bddcc background color

This paragraph has a background color of #6bddcc.

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

#6bddcc border color

This element has a border color of #6bddcc.

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

CSS codes

.text {color:#6bddcc;}

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

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

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, #030c0a is the darkest color, while #fbfefd is the lightest one.

#030c0a
```
#030c0a rgb(3,12,10)
```
#061b18
```
#061b18 rgb(6,27,24)
```
#0a2b26
```
#0a2b26 rgb(10,43,38)
```
#0e3b35
```
#0e3b35 rgb(14,59,53)
```
#114b43
```
#114b43 rgb(17,75,67)
```
#155b51
```
#155b51 rgb(21,91,81)
```
#196b5f
```
#196b5f rgb(25,107,95)
```
#1c7b6d
```
#1c7b6d rgb(28,123,109)
```
#208b7b
```
#208b7b rgb(32,139,123)
```
#249b89
```
#249b89 rgb(36,155,137)
```
#27ab97
```
#27ab97 rgb(39,171,151)
```
#2bbba5
```
#2bbba5 rgb(43,187,165)
```
#2fcbb4
```
#2fcbb4 rgb(47,203,180)
```

Shade Color Variation

#3bd2bc
```
#3bd2bc rgb(59,210,188)
```
#4bd6c1
```
#4bd6c1 rgb(75,214,193)
```
#5bd9c7
```
#5bd9c7 rgb(91,217,199)
```
#6bddcc
```
#6bddcc rgb(107,221,204)
```
#7be1d1
```
#7be1d1 rgb(123,225,209)
```
#8be4d7
```
#8be4d7 rgb(139,228,215)
```
#9be8dc
```
#9be8dc rgb(155,232,220)
```
#abece2
```
#abece2 rgb(171,236,226)
```
#bbefe7
```
#bbefe7 rgb(187,239,231)
```
#cbf3ed
```
#cbf3ed rgb(203,243,237)
```
#dbf7f2
```
#dbf7f2 rgb(219,247,242)
```
#ebfaf8
```
#ebfaf8 rgb(235,250,248)
```
#fbfefd
```
#fbfefd rgb(251,254,253)
```

Tint Color Variation

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

#a3a5a5
```
#a3a5a5 rgb(163,165,165)
```
#9cacaa
```
#9cacaa rgb(156,172,170)
```
#95b3af
```
#95b3af rgb(149,179,175)
```
#8ebab3
```
#8ebab3 rgb(142,186,179)
```
#87c1b8
```
#87c1b8 rgb(135,193,184)
```
#80c8bd
```
#80c8bd rgb(128,200,189)
```
#79cfc2
```
#79cfc2 rgb(121,207,194)
```
#72d6c7
```
#72d6c7 rgb(114,214,199)
```
#6bddcc
```
#6bddcc rgb(107,221,204)
```
#64e4d1
```
#64e4d1 rgb(100,228,209)
```
#5debd6
```
#5debd6 rgb(93,235,214)
```
#56f2db
```
#56f2db rgb(86,242,219)
```
#4ff9e0
```
#4ff9e0 rgb(79,249,224)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#a9c0bd Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2ccc4 Protanopia 1% of men
#dbc7d6 Deuteranopia 1% of men
#7edaea Tritanopia 0.001% of the population

Trichromacy

#acd2c7 Protanomaly 1% of men, 0.01% of women
#b2cfd2 Deuteranomaly 6% of men, 0.4% of women
#77dbdf Tritanomaly 0.01% of the population

#6bddcc hex color

#6bddcc Color Information

#6bddcc Color Conversion

Color Schemes with #6bddcc

Alternatives to #6bddcc

#6bddcc Preview

Shades and Tints of #6bddcc

Tones of #6bddcc

Color Blindness Simulator