#7bdcc1 hex color

In a RGB color space, hex #7bdcc1 is composed of 48.2% red, 86.3% green and 75.7% blue. Whereas in a CMYK color space, it is composed of 44.1% cyan, 0% magenta, 12.3% yellow and 13.7% black. It has a hue angle of 163.3 degrees, a saturation of 58.1% and a lightness of 67.3%. #7bdcc1 color hex could be obtained by blending #f6ffff with #00b983. 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

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

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

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

CIE-LAB	81.426, -34.963, 4.374
XYZ	43.384, 59.245, 59.598
xyY	0.267, 0.365, 59.245
CIE-LCH	81.426, 35.236, 172.869
CIE-LUV	81.426, -44.057, 12.341
Hunter-Lab	76.971, -34.088, 7.971
Binary	01111011, 11011100, 11000001

#7bdcc1
```
#7bdcc1 rgb(123,220,193)
```
#dc7b96
```
#dc7b96 rgb(220,123,150)
```

Complementary Color

#7bdc91
```
#7bdc91 rgb(123,220,145)
```
#7bdcc1
```
#7bdcc1 rgb(123,220,193)
```
#7bc7dc
```
#7bc7dc rgb(123,199,220)
```

Analogous Color

#dc917b
```
#dc917b rgb(220,145,123)
```
#7bdcc1
```
#7bdcc1 rgb(123,220,193)
```
#dc7bc7
```
#dc7bc7 rgb(220,123,199)
```

Split Complementary Color

#dcc17b
```
#dcc17b rgb(220,193,123)
```
#7bdcc1
```
#7bdcc1 rgb(123,220,193)
```
#c17bdc
```
#c17bdc rgb(193,123,220)
```

Triadic Color

#96dc7b
```
#96dc7b rgb(150,220,123)
```
#7bdcc1
```
#7bdcc1 rgb(123,220,193)
```
#c17bdc
```
#c17bdc rgb(193,123,220)
```
#dc7b96
```
#dc7b96 rgb(220,123,150)
```

Tetradic Color

#3fcca5
```
#3fcca5 rgb(63,204,165)
```
#53d1ae
```
#53d1ae rgb(83,209,174)
```
#67d7b8
```
#67d7b8 rgb(103,215,184)
```
#7bdcc1
```
#7bdcc1 rgb(123,220,193)
```
#8fe1ca
```
#8fe1ca rgb(143,225,202)
```
#a3e7d4
```
#a3e7d4 rgb(163,231,212)
```
#b7ecdd
```
#b7ecdd rgb(183,236,221)
```

Monochromatic Color

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

#7bdca9
```
#7bdca9 rgb(123,220,169)
```
#7bdcb1
```
#7bdcb1 rgb(123,220,177)
```
#7bdcb9
```
#7bdcb9 rgb(123,220,185)
```
#7bdcc1
```
#7bdcc1 rgb(123,220,193)
```
#7bdcc9
```
#7bdcc9 rgb(123,220,201)
```
#7bdcd1
```
#7bdcd1 rgb(123,220,209)
```
#7bdcd9
```
#7bdcd9 rgb(123,220,217)
```

Similar Colors

Text with hexadecimal color #7bdcc1

This text has a font color of #7bdcc1.

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

#7bdcc1 background color

This paragraph has a background color of #7bdcc1.

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

#7bdcc1 border color

This element has a border color of #7bdcc1.

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

CSS codes

.text {color:#7bdcc1;}

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

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

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)
```
#061712
```
#061712 rgb(6,23,18)
```
#0a271f
```
#0a271f rgb(10,39,31)
```
#0e362b
```
#0e362b rgb(14,54,43)
```
#124637
```
#124637 rgb(18,70,55)
```
#175544
```
#175544 rgb(23,85,68)
```
#1b6550
```
#1b6550 rgb(27,101,80)
```
#1f745c
```
#1f745c rgb(31,116,92)
```
#238469
```
#238469 rgb(35,132,105)
```
#279375
```
#279375 rgb(39,147,117)
```
#2ba381
```
#2ba381 rgb(43,163,129)
```
#2fb28e
```
#2fb28e rgb(47,178,142)
```
#33c29a
```
#33c29a rgb(51,194,154)
```

Shade Color Variation

#3dcca4
```
#3dcca4 rgb(61,204,164)
```
#4cd0ab
```
#4cd0ab rgb(76,208,171)
```
#5cd4b2
```
#5cd4b2 rgb(92,212,178)
```
#6bd8ba
```
#6bd8ba rgb(107,216,186)
```
#7bdcc1
```
#7bdcc1 rgb(123,220,193)
```
#8be0c8
```
#8be0c8 rgb(139,224,200)
```
#9ae4d0
```
#9ae4d0 rgb(154,228,208)
```
#aae8d7
```
#aae8d7 rgb(170,232,215)
```
#b9ecde
```
#b9ecde rgb(185,236,222)
```
#c9f1e5
```
#c9f1e5 rgb(201,241,229)
```
#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 #5bfccf 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)
```
#8ec9b8
```
#8ec9b8 rgb(142,201,184)
```
#88cfbb
```
#88cfbb rgb(136,207,187)
```
#81d6be
```
#81d6be rgb(129,214,190)
```
#7bdcc1
```
#7bdcc1 rgb(123,220,193)
```
#75e2c4
```
#75e2c4 rgb(117,226,196)
```
#6ee9c7
```
#6ee9c7 rgb(110,233,199)
```
#68efca
```
#68efca rgb(104,239,202)
```
#61f6cc
```
#61f6cc rgb(97,246,204)
```
#5bfccf
```
#5bfccf rgb(91,252,207)
```

Tone Color Variation

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

#d4ccbb Protanopia 1% of men
#e0c6cc Deuteranopia 1% of men
#8dd8e8 Tritanopia 0.001% of the population

Trichromacy

#b4d2bd Protanomaly 1% of men, 0.01% of women
#bbcec8 Deuteranomaly 6% of men, 0.4% of women
#86d9d9 Tritanomaly 0.01% of the population

#7bdcc1 hex color

#7bdcc1 Color Information

#7bdcc1 Color Conversion

Color Schemes with #7bdcc1

Alternatives to #7bdcc1

#7bdcc1 Preview

Shades and Tints of #7bdcc1

Tones of #7bdcc1

Color Blindness Simulator