#7bdcc2 hex color

In a RGB color space, hex #7bdcc2 is composed of 48.2% red, 86.3% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 44.1% cyan, 0% magenta, 11.8% yellow and 13.7% black. It has a hue angle of 163.9 degrees, a saturation of 58.1% and a lightness of 67.3%. #7bdcc2 color hex could be obtained by blending #f6ffff with #00b985. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 48
- G 86
- B 76
RGB color chart
- C 44
- M 0
- Y 12
- K 14
CMYK color chart

● #7bdcc2 color description : Very soft cyan - lime green.

The hexadecimal color #7bdcc2 has RGB values of R:123, G:220, B:194 and CMYK values of C:0.44, M:0, Y:0.12, K:0.14. Its decimal value is 8117442.

Hex triplet	7bdcc2	`#7bdcc2`
RGB Decimal	123, 220, 194	`rgb(123,220,194)`
RGB Percent	48.2, 86.3, 76.1	`rgb(48.2%,86.3%,76.1%)`
CMYK	44, 0, 12, 14
HSL	163.9°, 58.1, 67.3	`hsl(163.9,58.1%,67.3%)`
HSV (or HSB)	163.9°, 44.1, 86.3
Web Safe	66cccc	`#66cccc`

CIE-LAB	81.451, -34.738, 3.879
XYZ	43.496, 59.29, 60.188
xyY	0.267, 0.364, 59.29
CIE-LCH	81.451, 34.954, 173.629
CIE-LUV	81.451, -44.023, 11.563
Hunter-Lab	77, -33.917, 7.555
Binary	01111011, 11011100, 11000010

#7bdcc2
```
#7bdcc2 rgb(123,220,194)
```
#dc7b95
```
#dc7b95 rgb(220,123,149)
```

Complementary Color

#7bdc92
```
#7bdc92 rgb(123,220,146)
```
#7bdcc2
```
#7bdcc2 rgb(123,220,194)
```
#7bc6dc
```
#7bc6dc rgb(123,198,220)
```

Analogous Color

#dc927b
```
#dc927b rgb(220,146,123)
```
#7bdcc2
```
#7bdcc2 rgb(123,220,194)
```
#dc7bc6
```
#dc7bc6 rgb(220,123,198)
```

Split Complementary Color

#dcc27b
```
#dcc27b rgb(220,194,123)
```
#7bdcc2
```
#7bdcc2 rgb(123,220,194)
```
#c27bdc
```
#c27bdc rgb(194,123,220)
```

Triadic Color

#95dc7b
```
#95dc7b rgb(149,220,123)
```
#7bdcc2
```
#7bdcc2 rgb(123,220,194)
```
#c27bdc
```
#c27bdc rgb(194,123,220)
```
#dc7b95
```
#dc7b95 rgb(220,123,149)
```

Tetradic Color

#3fcca6
```
#3fcca6 rgb(63,204,166)
```
#53d1af
```
#53d1af rgb(83,209,175)
```
#67d7b9
```
#67d7b9 rgb(103,215,185)
```
#7bdcc2
```
#7bdcc2 rgb(123,220,194)
```
#8fe1cb
```
#8fe1cb rgb(143,225,203)
```
#a3e7d5
```
#a3e7d5 rgb(163,231,213)
```
#b7ecde
```
#b7ecde rgb(183,236,222)
```

Monochromatic Color

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

#7bdcaa
```
#7bdcaa rgb(123,220,170)
```
#7bdcb2
```
#7bdcb2 rgb(123,220,178)
```
#7bdcba
```
#7bdcba rgb(123,220,186)
```
#7bdcc2
```
#7bdcc2 rgb(123,220,194)
```
#7bdcca
```
#7bdcca rgb(123,220,202)
```
#7bdcd2
```
#7bdcd2 rgb(123,220,210)
```
#7bdcda
```
#7bdcda rgb(123,220,218)
```

Similar Colors

Text with hexadecimal color #7bdcc2

This text has a font color of #7bdcc2.

<span style="color:#7bdcc2;">Text here</span>

#7bdcc2 background color

This paragraph has a background color of #7bdcc2.

<p style="background-color:#7bdcc2;">Content here</p>

#7bdcc2 border color

This element has a border color of #7bdcc2.

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

CSS codes

.text {color:#7bdcc2;}

.background {background-color:#7bdcc2;}

.border {border:1px solid #7bdcc2;}

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

#020806
```
#020806 rgb(2,8,6)
```
#061713
```
#061713 rgb(6,23,19)
```
#0a271f
```
#0a271f rgb(10,39,31)
```
#0e362b
```
#0e362b rgb(14,54,43)
```
#124638
```
#124638 rgb(18,70,56)
```
#175544
```
#175544 rgb(23,85,68)
```
#1b6551
```
#1b6551 rgb(27,101,81)
```
#1f745d
```
#1f745d rgb(31,116,93)
```
#23846a
```
#23846a rgb(35,132,106)
```
#279376
```
#279376 rgb(39,147,118)
```
#2ba383
```
#2ba383 rgb(43,163,131)
```
#2fb28f
```
#2fb28f rgb(47,178,143)
```
#33c29b
```
#33c29b rgb(51,194,155)
```

Shade Color Variation

#3dcca5
```
#3dcca5 rgb(61,204,165)
```
#4cd0ad
```
#4cd0ad rgb(76,208,173)
```
#5cd4b4
```
#5cd4b4 rgb(92,212,180)
```
#6bd8bb
```
#6bd8bb rgb(107,216,187)
```
#7bdcc2
```
#7bdcc2 rgb(123,220,194)
```
#8be0c9
```
#8be0c9 rgb(139,224,201)
```
#9ae4d0
```
#9ae4d0 rgb(154,228,208)
```
#aae8d7
```
#aae8d7 rgb(170,232,215)
```
#b9ecdf
```
#b9ecdf rgb(185,236,223)
```
#c9f1e6
```
#c9f1e6 rgb(201,241,230)
```
#d8f5ed
```
#d8f5ed rgb(216,245,237)
```
#e8f9f4
```
#e8f9f4 rgb(232,249,244)
```
#f7fdfb
```
#f7fdfb rgb(247,253,251)
```

Tint Color Variation

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

#a8afad
```
#a8afad rgb(168,175,173)
```
#a2b5b0
```
#a2b5b0 rgb(162,181,176)
```
#9bbcb3
```
#9bbcb3 rgb(155,188,179)
```
#95c2b6
```
#95c2b6 rgb(149,194,182)
```
#8ec9b9
```
#8ec9b9 rgb(142,201,185)
```
#88cfbc
```
#88cfbc rgb(136,207,188)
```
#81d6bf
```
#81d6bf rgb(129,214,191)
```
#7bdcc2
```
#7bdcc2 rgb(123,220,194)
```
#75e2c5
```
#75e2c5 rgb(117,226,197)
```
#6ee9c8
```
#6ee9c8 rgb(110,233,200)
```
#68efcb
```
#68efcb rgb(104,239,203)
```
#61f6ce
```
#61f6ce rgb(97,246,206)
```
#5bfcd1
```
#5bfcd1 rgb(91,252,209)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#afc2bd Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4ccbc Protanopia 1% of men
#dfc7cd Deuteranopia 1% of men
#8dd8e8 Tritanopia 0.001% of the population

Trichromacy

#b4d2be Protanomaly 1% of men, 0.01% of women
#bbcec9 Deuteranomaly 6% of men, 0.4% of women
#86d9da Tritanomaly 0.01% of the population

#7bdcc2 hex color

#7bdcc2 Color Information

#7bdcc2 Color Conversion

Color Schemes with #7bdcc2

Alternatives to #7bdcc2

#7bdcc2 Preview

Shades and Tints of #7bdcc2

Tones of #7bdcc2

Color Blindness Simulator