#7bdedd hex color

In a RGB color space, hex #7bdedd is composed of 48.2% red, 87.1% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 44.6% cyan, 0% magenta, 0.5% yellow and 12.9% black. It has a hue angle of 179.4 degrees, a saturation of 60% and a lightness of 67.6%. #7bdedd color hex could be obtained by blending #f6ffff with #00bdbb. Closest websafe color is: #66cccc.

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

● #7bdedd color description : Very soft cyan.

The hexadecimal color #7bdedd has RGB values of R:123, G:222, B:221 and CMYK values of C:0.45, M:0, Y:0, K:0.13. Its decimal value is 8117981.

Hex triplet	7bdedd	`#7bdedd`
RGB Decimal	123, 222, 221	`rgb(123,222,221)`
RGB Percent	48.2, 87.1, 86.7	`rgb(48.2%,87.1%,86.7%)`
CMYK	45, 0, 0, 13
HSL	179.4°, 60, 67.6	`hsl(179.4,60%,67.6%)`
HSV (or HSB)	179.4°, 44.6, 87.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	82.738, -29.265, -8.572
XYZ	47.337, 61.671, 77.812
xyY	0.253, 0.33, 61.671
CIE-LCH	82.738, 30.494, 196.326
CIE-LUV	82.738, -43.898, -8.651
Hunter-Lab	78.531, -29.832, -3.776
Binary	01111011, 11011110, 11011101

#7bdedd
```
#7bdedd rgb(123,222,221)
```
#de7b7c
```
#de7b7c rgb(222,123,124)
```

Complementary Color

#7bdeac
```
#7bdeac rgb(123,222,172)
```
#7bdedd
```
#7bdedd rgb(123,222,221)
```
#7baede
```
#7baede rgb(123,174,222)
```

Analogous Color

#deac7b
```
#deac7b rgb(222,172,123)
```
#7bdedd
```
#7bdedd rgb(123,222,221)
```
#de7bae
```
#de7bae rgb(222,123,174)
```

Split Complementary Color

#dedd7b
```
#dedd7b rgb(222,221,123)
```
#7bdedd
```
#7bdedd rgb(123,222,221)
```
#dd7bde
```
#dd7bde rgb(221,123,222)
```

Triadic Color

#7cde7b
```
#7cde7b rgb(124,222,123)
```
#7bdedd
```
#7bdedd rgb(123,222,221)
```
#dd7bde
```
#dd7bde rgb(221,123,222)
```
#de7b7c
```
#de7b7c rgb(222,123,124)
```

Tetradic Color

#3ecfcd
```
#3ecfcd rgb(62,207,205)
```
#52d4d2
```
#52d4d2 rgb(82,212,210)
```
#67d9d8
```
#67d9d8 rgb(103,217,216)
```
#7bdedd
```
#7bdedd rgb(123,222,221)
```
#8fe3e2
```
#8fe3e2 rgb(143,227,226)
```
#a4e8e8
```
#a4e8e8 rgb(164,232,232)
```
#b8eded
```
#b8eded rgb(184,237,237)
```

Monochromatic Color

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

#7bdec4
```
#7bdec4 rgb(123,222,196)
```
#7bdecd
```
#7bdecd rgb(123,222,205)
```
#7bded5
```
#7bded5 rgb(123,222,213)
```
#7bdedd
```
#7bdedd rgb(123,222,221)
```
#7bd7de
```
#7bd7de rgb(123,215,222)
```
#7bcfde
```
#7bcfde rgb(123,207,222)
```
#7bc6de
```
#7bc6de rgb(123,198,222)
```

Similar Colors

Text with hexadecimal color #7bdedd

This text has a font color of #7bdedd.

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

#7bdedd background color

This paragraph has a background color of #7bdedd.

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

#7bdedd border color

This element has a border color of #7bdedd.

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

CSS codes

.text {color:#7bdedd;}

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

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

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

#020909
```
#020909 rgb(2,9,9)
```
#061919
```
#061919 rgb(6,25,25)
```
#0a2928
```
#0a2928 rgb(10,41,40)
```
#0e3838
```
#0e3838 rgb(14,56,56)
```
#124847
```
#124847 rgb(18,72,71)
```
#165857
```
#165857 rgb(22,88,87)
```
#1a6767
```
#1a6767 rgb(26,103,103)
```
#1e7776
```
#1e7776 rgb(30,119,118)
```
#228786
```
#228786 rgb(34,135,134)
```
#269695
```
#269695 rgb(38,150,149)
```
#2aa6a5
```
#2aa6a5 rgb(42,166,165)
```
#2db6b4
```
#2db6b4 rgb(45,182,180)
```
#31c6c4
```
#31c6c4 rgb(49,198,196)
```

Shade Color Variation

#3ccecd
```
#3ccecd rgb(60,206,205)
```
#4cd2d1
```
#4cd2d1 rgb(76,210,209)
```
#5cd6d5
```
#5cd6d5 rgb(92,214,213)
```
#6bdad9
```
#6bdad9 rgb(107,218,217)
```
#7bdedd
```
#7bdedd rgb(123,222,221)
```
#8be2e1
```
#8be2e1 rgb(139,226,225)
```
#9ae6e5
```
#9ae6e5 rgb(154,230,229)
```
#aaeae9
```
#aaeae9 rgb(170,234,233)
```
#baeeed
```
#baeeed rgb(186,238,237)
```
#c9f2f1
```
#c9f2f1 rgb(201,242,241)
```
#d9f6f5
```
#d9f6f5 rgb(217,246,245)
```
#e9f9f9
```
#e9f9f9 rgb(233,249,249)
```
#f9fdfd
```
#f9fdfd rgb(249,253,253)
```

Tint Color Variation

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

#a7b2b1
```
#a7b2b1 rgb(167,178,177)
```
#a1b8b8
```
#a1b8b8 rgb(161,184,184)
```
#9bbebe
```
#9bbebe rgb(155,190,190)
```
#94c5c4
```
#94c5c4 rgb(148,197,196)
```
#8ecbca
```
#8ecbca rgb(142,203,202)
```
#88d1d1
```
#88d1d1 rgb(136,209,209)
```
#81d8d7
```
#81d8d7 rgb(129,216,215)
```
#7bdedd
```
#7bdedd rgb(123,222,221)
```
#75e4e3
```
#75e4e3 rgb(117,228,227)
```
#6eebe9
```
#6eebe9 rgb(110,235,233)
```
#68f1f0
```
#68f1f0 rgb(104,241,240)
```
#62f7f6
```
#62f7f6 rgb(98,247,246)
```
#5bfefc
```
#5bfefc rgb(91,254,252)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#b2c6c6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2cfd5 Protanopia 1% of men
#d9cbe5 Deuteranopia 1% of men
#87dded Tritanopia 0.001% of the population

Trichromacy

#b2d4d8 Protanomaly 1% of men, 0.01% of women
#b7d2e2 Deuteranomaly 6% of men, 0.4% of women
#82dde7 Tritanomaly 0.01% of the population

#7bdedd hex color

#7bdedd Color Information

#7bdedd Color Conversion

Color Schemes with #7bdedd

Alternatives to #7bdedd

#7bdedd Preview

Shades and Tints of #7bdedd

Tones of #7bdedd

Color Blindness Simulator