#7bd6de hex color

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

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

● #7bd6de color description : Very soft cyan.

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

Hex triplet	7bd6de	`#7bd6de`
RGB Decimal	123, 214, 222	`rgb(123,214,222)`
RGB Percent	48.2, 83.9, 87.1	`rgb(48.2%,83.9%,87.1%)`
CMYK	45, 4, 0, 13
HSL	184.8°, 60, 67.6	`hsl(184.8,60%,67.6%)`
HSV (or HSB)	184.8°, 44.6, 87.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	80.502, -25.119, -12.437
XYZ	45.396, 57.575, 77.824
xyY	0.251, 0.318, 57.575
CIE-LCH	80.502, 28.029, 206.34
CIE-LUV	80.502, -40.713, -15.477
Hunter-Lab	75.878, -25.995, -7.696
Binary	01111011, 11010110, 11011110

#7bd6de
```
#7bd6de rgb(123,214,222)
```
#de837b
```
#de837b rgb(222,131,123)
```

Complementary Color

#7bdeb5
```
#7bdeb5 rgb(123,222,181)
```
#7bd6de
```
#7bd6de rgb(123,214,222)
```
#7ba5de
```
#7ba5de rgb(123,165,222)
```

Analogous Color

#deb57b
```
#deb57b rgb(222,181,123)
```
#7bd6de
```
#7bd6de rgb(123,214,222)
```
#de7ba5
```
#de7ba5 rgb(222,123,165)
```

Split Complementary Color

#d6de7b
```
#d6de7b rgb(214,222,123)
```
#7bd6de
```
#7bd6de rgb(123,214,222)
```
#de7bd6
```
#de7bd6 rgb(222,123,214)
```

Triadic Color

#7bde83
```
#7bde83 rgb(123,222,131)
```
#7bd6de
```
#7bd6de rgb(123,214,222)
```
#de7bd6
```
#de7bd6 rgb(222,123,214)
```
#de837b
```
#de837b rgb(222,131,123)
```

Tetradic Color

#3ec3cf
```
#3ec3cf rgb(62,195,207)
```
#52c9d4
```
#52c9d4 rgb(82,201,212)
```
#67d0d9
```
#67d0d9 rgb(103,208,217)
```
#7bd6de
```
#7bd6de rgb(123,214,222)
```
#8fdce3
```
#8fdce3 rgb(143,220,227)
```
#a4e3e8
```
#a4e3e8 rgb(164,227,232)
```
#b8e9ed
```
#b8e9ed rgb(184,233,237)
```

Monochromatic Color

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

#7bdecd
```
#7bdecd rgb(123,222,205)
```
#7bded6
```
#7bded6 rgb(123,222,214)
```
#7bdede
```
#7bdede rgb(123,222,222)
```
#7bd6de
```
#7bd6de rgb(123,214,222)
```
#7bcede
```
#7bcede rgb(123,206,222)
```
#7bc6de
```
#7bc6de rgb(123,198,222)
```
#7bbdde
```
#7bbdde rgb(123,189,222)
```

Similar Colors

Text with hexadecimal color #7bd6de

This text has a font color of #7bd6de.

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

#7bd6de background color

This paragraph has a background color of #7bd6de.

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

#7bd6de border color

This element has a border color of #7bd6de.

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

CSS codes

.text {color:#7bd6de;}

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

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

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)
```
#061719
```
#061719 rgb(6,23,25)
```
#0a2629
```
#0a2629 rgb(10,38,41)
```
#0e3538
```
#0e3538 rgb(14,53,56)
```
#124448
```
#124448 rgb(18,68,72)
```
#165258
```
#165258 rgb(22,82,88)
```
#1a6167
```
#1a6167 rgb(26,97,103)
```
#1e7077
```
#1e7077 rgb(30,112,119)
```
#227f87
```
#227f87 rgb(34,127,135)
```
#268d96
```
#268d96 rgb(38,141,150)
```
#2a9ca6
```
#2a9ca6 rgb(42,156,166)
```
#2dabb6
```
#2dabb6 rgb(45,171,182)
```
#31bac6
```
#31bac6 rgb(49,186,198)
```

Shade Color Variation

#3cc3ce
```
#3cc3ce rgb(60,195,206)
```
#4cc7d2
```
#4cc7d2 rgb(76,199,210)
```
#5cccd6
```
#5cccd6 rgb(92,204,214)
```
#6bd1da
```
#6bd1da rgb(107,209,218)
```
#7bd6de
```
#7bd6de rgb(123,214,222)
```
#8bdbe2
```
#8bdbe2 rgb(139,219,226)
```
#9ae0e6
```
#9ae0e6 rgb(154,224,230)
```
#aae5ea
```
#aae5ea rgb(170,229,234)
```
#bae9ee
```
#bae9ee rgb(186,233,238)
```
#c9eef2
```
#c9eef2 rgb(201,238,242)
```
#d9f3f6
```
#d9f3f6 rgb(217,243,246)
```
#e9f8f9
```
#e9f8f9 rgb(233,248,249)
```
#f9fdfd
```
#f9fdfd rgb(249,253,253)
```

Tint Color Variation

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

#a7b1b2
```
#a7b1b2 rgb(167,177,178)
```
#a1b6b8
```
#a1b6b8 rgb(161,182,184)
```
#9bbbbe
```
#9bbbbe rgb(155,187,190)
```
#94c1c5
```
#94c1c5 rgb(148,193,197)
```
#8ec6cb
```
#8ec6cb rgb(142,198,203)
```
#88cbd1
```
#88cbd1 rgb(136,203,209)
```
#81d1d8
```
#81d1d8 rgb(129,209,216)
```
#7bd6de
```
#7bd6de rgb(123,214,222)
```
#75dbe4
```
#75dbe4 rgb(117,219,228)
```
#6ee1eb
```
#6ee1eb rgb(110,225,235)
```
#68e6f1
```
#68e6f1 rgb(104,230,241)
```
#62ebf7
```
#62ebf7 rgb(98,235,247)
```
#5bf1fe
```
#5bf1fe rgb(91,241,254)
```

Tone Color Variation

Below, you can see how #7bd6de 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
#afc1c3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cac9d7 Protanopia 1% of men
#cfc5e6 Deuteranopia 1% of men
#84d6e6 Tritanopia 0.001% of the population

Trichromacy

#adcdd9 Protanomaly 1% of men, 0.01% of women
#b0cbe3 Deuteranomaly 6% of men, 0.4% of women
#81d6e3 Tritanomaly 0.01% of the population

#7bd6de hex color

#7bd6de Color Information

#7bd6de Color Conversion

Color Schemes with #7bd6de

Alternatives to #7bd6de

#7bd6de Preview

Shades and Tints of #7bd6de

Tones of #7bd6de

Color Blindness Simulator