#7bdae2 hex color

In a RGB color space, hex #7bdae2 is composed of 48.2% red, 85.5% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 45.6% cyan, 3.5% magenta, 0% yellow and 11.4% black. It has a hue angle of 184.7 degrees, a saturation of 64% and a lightness of 68.4%. #7bdae2 color hex could be obtained by blending #f6ffff with #00b5c5. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 48
- G 85
- B 89
RGB color chart
- C 46
- M 4
- Y 0
- K 11
CMYK color chart

● #7bdae2 color description : Soft cyan.

The hexadecimal color #7bdae2 has RGB values of R:123, G:218, B:226 and CMYK values of C:0.46, M:0.04, Y:0, K:0.11. Its decimal value is 8116962.

Hex triplet	7bdae2	`#7bdae2`
RGB Decimal	123, 218, 226	`rgb(123,218,226)`
RGB Percent	48.2, 85.5, 88.6	`rgb(48.2%,85.5%,88.6%)`
CMYK	46, 4, 0, 11
HSL	184.7°, 64, 68.4	`hsl(184.7,64%,68.4%)`
HSV (or HSB)	184.7°, 45.6, 88.6
Web Safe	66cccc	`#66cccc`

CIE-LAB	81.752, -26.06, -12.699
XYZ	46.964, 59.842, 81.023
xyY	0.25, 0.319, 59.842
CIE-LCH	81.752, 28.989, 205.979
CIE-LUV	81.752, -42.159, -15.792
Hunter-Lab	77.357, -27.009, -7.949
Binary	01111011, 11011010, 11100010

#7bdae2
```
#7bdae2 rgb(123,218,226)
```
#e2837b
```
#e2837b rgb(226,131,123)
```

Complementary Color

#7be2b7
```
#7be2b7 rgb(123,226,183)
```
#7bdae2
```
#7bdae2 rgb(123,218,226)
```
#7ba7e2
```
#7ba7e2 rgb(123,167,226)
```

Analogous Color

#e2b77b
```
#e2b77b rgb(226,183,123)
```
#7bdae2
```
#7bdae2 rgb(123,218,226)
```
#e27ba7
```
#e27ba7 rgb(226,123,167)
```

Split Complementary Color

#dae27b
```
#dae27b rgb(218,226,123)
```
#7bdae2
```
#7bdae2 rgb(123,218,226)
```
#e27bda
```
#e27bda rgb(226,123,218)
```

Triadic Color

#7be283
```
#7be283 rgb(123,226,131)
```
#7bdae2
```
#7bdae2 rgb(123,218,226)
```
#e27bda
```
#e27bda rgb(226,123,218)
```
#e2837b
```
#e2837b rgb(226,131,123)
```

Tetradic Color

#3cc8d4
```
#3cc8d4 rgb(60,200,212)
```
#51ced9
```
#51ced9 rgb(81,206,217)
```
#66d4dd
```
#66d4dd rgb(102,212,221)
```
#7bdae2
```
#7bdae2 rgb(123,218,226)
```
#90e0e7
```
#90e0e7 rgb(144,224,231)
```
#a5e6eb
```
#a5e6eb rgb(165,230,235)
```
#baecf0
```
#baecf0 rgb(186,236,240)
```

Monochromatic Color

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

#7be2d0
```
#7be2d0 rgb(123,226,208)
```
#7be2d9
```
#7be2d9 rgb(123,226,217)
```
#7be2e1
```
#7be2e1 rgb(123,226,225)
```
#7bdae2
```
#7bdae2 rgb(123,218,226)
```
#7bd1e2
```
#7bd1e2 rgb(123,209,226)
```
#7bc9e2
```
#7bc9e2 rgb(123,201,226)
```
#7bc0e2
```
#7bc0e2 rgb(123,192,226)
```

Similar Colors

Text with hexadecimal color #7bdae2

This text has a font color of #7bdae2.

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

#7bdae2 background color

This paragraph has a background color of #7bdae2.

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

#7bdae2 border color

This element has a border color of #7bdae2.

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

CSS codes

.text {color:#7bdae2;}

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

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

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, #030c0d is the darkest color, while #fcfefe is the lightest one.

#030c0d
```
#030c0d rgb(3,12,13)
```
#061b1d
```
#061b1d rgb(6,27,29)
```
#0a2a2d
```
#0a2a2d rgb(10,42,45)
```
#0d393d
```
#0d393d rgb(13,57,61)
```
#11484d
```
#11484d rgb(17,72,77)
```
#14585d
```
#14585d rgb(20,88,93)
```
#18676d
```
#18676d rgb(24,103,109)
```
#1c767d
```
#1c767d rgb(28,118,125)
```
#1f858d
```
#1f858d rgb(31,133,141)
```
#23949d
```
#23949d rgb(35,148,157)
```
#26a3ae
```
#26a3ae rgb(38,163,174)
```
#2ab2be
```
#2ab2be rgb(42,178,190)
```
#2dc1ce
```
#2dc1ce rgb(45,193,206)
```

Shade Color Variation

#3bc8d4
```
#3bc8d4 rgb(59,200,212)
```
#4bccd7
```
#4bccd7 rgb(75,204,215)
```
#5bd1db
```
#5bd1db rgb(91,209,219)
```
#6bd5de
```
#6bd5de rgb(107,213,222)
```
#7bdae2
```
#7bdae2 rgb(123,218,226)
```
#8bdfe6
```
#8bdfe6 rgb(139,223,230)
```
#9be3e9
```
#9be3e9 rgb(155,227,233)
```
#abe8ed
```
#abe8ed rgb(171,232,237)
```
#bbecf0
```
#bbecf0 rgb(187,236,240)
```
#cbf1f4
```
#cbf1f4 rgb(203,241,244)
```
#dbf5f7
```
#dbf5f7 rgb(219,245,247)
```
#ecfafb
```
#ecfafb rgb(236,250,251)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#adb0b0
```
#adb0b0 rgb(173,176,176)
```
#a6b5b7
```
#a6b5b7 rgb(166,181,183)
```
#a0bbbd
```
#a0bbbd rgb(160,187,189)
```
#9ac0c3
```
#9ac0c3 rgb(154,192,195)
```
#94c5c9
```
#94c5c9 rgb(148,197,201)
```
#8ecacf
```
#8ecacf rgb(142,202,207)
```
#87d0d6
```
#87d0d6 rgb(135,208,214)
```
#81d5dc
```
#81d5dc rgb(129,213,220)
```
#7bdae2
```
#7bdae2 rgb(123,218,226)
```
#75dfe8
```
#75dfe8 rgb(117,223,232)
```
#6fe4ee
```
#6fe4ee rgb(111,228,238)
```
#68eaf5
```
#68eaf5 rgb(104,234,245)
```
#62effb
```
#62effb rgb(98,239,251)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#b1c4c6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdccda Protanopia 1% of men
#d2c9ea Deuteranopia 1% of men
#84daea Tritanopia 0.001% of the population

Trichromacy

#afd1dd Protanomaly 1% of men, 0.01% of women
#b2cfe7 Deuteranomaly 6% of men, 0.4% of women
#81dae7 Tritanomaly 0.01% of the population

#7bdae2 hex color

#7bdae2 Color Information

#7bdae2 Color Conversion

Color Schemes with #7bdae2

Alternatives to #7bdae2

#7bdae2 Preview

Shades and Tints of #7bdae2

Tones of #7bdae2

Color Blindness Simulator