#7bddb2 hex color

In a RGB color space, hex #7bddb2 is composed of 48.2% red, 86.7% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 44.3% cyan, 0% magenta, 19.5% yellow and 13.3% black. It has a hue angle of 153.7 degrees, a saturation of 59% and a lightness of 67.5%. #7bddb2 color hex could be obtained by blending #f6ffff with #00bb65. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 48
- G 87
- B 70
RGB color chart
- C 44
- M 0
- Y 19
- K 13
CMYK color chart

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

The hexadecimal color #7bddb2 has RGB values of R:123, G:221, B:178 and CMYK values of C:0.44, M:0, Y:0.19, K:0.13. Its decimal value is 8117682.

Hex triplet	7bddb2	`#7bddb2`
RGB Decimal	123, 221, 178	`rgb(123,221,178)`
RGB Percent	48.2, 86.7, 69.8	`rgb(48.2%,86.7%,69.8%)`
CMYK	44, 0, 19, 13
HSL	153.7°, 59, 67.5	`hsl(153.7,59%,67.5%)`
HSV (or HSB)	153.7°, 44.3, 86.7
Web Safe	66cc99	`#66cc99`

CIE-LAB	81.366, -38.668, 12.231
XYZ	42.058, 59.136, 51.315
xyY	0.276, 0.388, 59.136
CIE-LCH	81.366, 40.556, 162.447
CIE-LUV	81.366, -44.961, 24.411
Hunter-Lab	76.9, -36.949, 14.266
Binary	01111011, 11011101, 10110010

#7bddb2
```
#7bddb2 rgb(123,221,178)
```
#dd7ba6
```
#dd7ba6 rgb(221,123,166)
```

Complementary Color

#7bdd81
```
#7bdd81 rgb(123,221,129)
```
#7bddb2
```
#7bddb2 rgb(123,221,178)
```
#7bd7dd
```
#7bd7dd rgb(123,215,221)
```

Analogous Color

#dd817b
```
#dd817b rgb(221,129,123)
```
#7bddb2
```
#7bddb2 rgb(123,221,178)
```
#dd7bd7
```
#dd7bd7 rgb(221,123,215)
```

Split Complementary Color

#ddb27b
```
#ddb27b rgb(221,178,123)
```
#7bddb2
```
#7bddb2 rgb(123,221,178)
```
#b27bdd
```
#b27bdd rgb(178,123,221)
```

Triadic Color

#a6dd7b
```
#a6dd7b rgb(166,221,123)
```
#7bddb2
```
#7bddb2 rgb(123,221,178)
```
#b27bdd
```
#b27bdd rgb(178,123,221)
```
#dd7ba6
```
#dd7ba6 rgb(221,123,166)
```

Tetradic Color

#3ecd8f
```
#3ecd8f rgb(62,205,143)
```
#52d39a
```
#52d39a rgb(82,211,154)
```
#67d8a6
```
#67d8a6 rgb(103,216,166)
```
#7bddb2
```
#7bddb2 rgb(123,221,178)
```
#8fe2be
```
#8fe2be rgb(143,226,190)
```
#a4e7ca
```
#a4e7ca rgb(164,231,202)
```
#b8edd5
```
#b8edd5 rgb(184,237,213)
```

Monochromatic Color

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

#7bdd9a
```
#7bdd9a rgb(123,221,154)
```
#7bdda2
```
#7bdda2 rgb(123,221,162)
```
#7bddaa
```
#7bddaa rgb(123,221,170)
```
#7bddb2
```
#7bddb2 rgb(123,221,178)
```
#7bddba
```
#7bddba rgb(123,221,186)
```
#7bddc2
```
#7bddc2 rgb(123,221,194)
```
#7bddcb
```
#7bddcb rgb(123,221,203)
```

Similar Colors

Text with hexadecimal color #7bddb2

This text has a font color of #7bddb2.

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

#7bddb2 background color

This paragraph has a background color of #7bddb2.

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

#7bddb2 border color

This element has a border color of #7bddb2.

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

CSS codes

.text {color:#7bddb2;}

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

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

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 #f8fdfb is the lightest one.

#020806
```
#020806 rgb(2,8,6)
```
#061810
```
#061810 rgb(6,24,16)
```
#0a281b
```
#0a281b rgb(10,40,27)
```
#0e3725
```
#0e3725 rgb(14,55,37)
```
#124730
```
#124730 rgb(18,71,48)
```
#16563a
```
#16563a rgb(22,86,58)
```
#1a6645
```
#1a6645 rgb(26,102,69)
```
#1e764f
```
#1e764f rgb(30,118,79)
```
#22855a
```
#22855a rgb(34,133,90)
```
#269564
```
#269564 rgb(38,149,100)
```
#2aa46f
```
#2aa46f rgb(42,164,111)
```
#2eb479
```
#2eb479 rgb(46,180,121)
```
#32c484
```
#32c484 rgb(50,196,132)
```

Shade Color Variation

#3dcd8e
```
#3dcd8e rgb(61,205,142)
```
#4cd197
```
#4cd197 rgb(76,209,151)
```
#5cd5a0
```
#5cd5a0 rgb(92,213,160)
```
#6bd9a9
```
#6bd9a9 rgb(107,217,169)
```
#7bddb2
```
#7bddb2 rgb(123,221,178)
```
#8be1bb
```
#8be1bb rgb(139,225,187)
```
#9ae5c4
```
#9ae5c4 rgb(154,229,196)
```
#aae9cd
```
#aae9cd rgb(170,233,205)
```
#b9edd6
```
#b9edd6 rgb(185,237,214)
```
#c9f1df
```
#c9f1df rgb(201,241,223)
```
#d9f5e9
```
#d9f5e9 rgb(217,245,233)
```
#e8f9f2
```
#e8f9f2 rgb(232,249,242)
```
#f8fdfb
```
#f8fdfb rgb(248,253,251)
```

Tint Color Variation

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

#a8b0ad
```
#a8b0ad rgb(168,176,173)
```
#a1b7ad
```
#a1b7ad rgb(161,183,173)
```
#9bbdae
```
#9bbdae rgb(155,189,174)
```
#95c3af
```
#95c3af rgb(149,195,175)
```
#8ecab0
```
#8ecab0 rgb(142,202,176)
```
#88d0b0
```
#88d0b0 rgb(136,208,176)
```
#81d7b1
```
#81d7b1 rgb(129,215,177)
```
#7bddb2
```
#7bddb2 rgb(123,221,178)
```
#75e3b3
```
#75e3b3 rgb(117,227,179)
```
#6eeab4
```
#6eeab4 rgb(110,234,180)
```
#68f0b4
```
#68f0b4 rgb(104,240,180)
```
#61f7b5
```
#61f7b5 rgb(97,247,181)
```
#5bfdb6
```
#5bfdb6 rgb(91,253,182)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#aec2b9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7ccad Protanopia 1% of men
#e5c6be Deuteranopia 1% of men
#91d7e7 Tritanopia 0.001% of the population

Trichromacy

#b5d2af Protanomaly 1% of men, 0.01% of women
#beceb9 Deuteranomaly 6% of men, 0.4% of women
#89d9d4 Tritanomaly 0.01% of the population

#7bddb2 hex color

#7bddb2 Color Information

#7bddb2 Color Conversion

Color Schemes with #7bddb2

Alternatives to #7bddb2

#7bddb2 Preview

Shades and Tints of #7bddb2

Tones of #7bddb2

Color Blindness Simulator