#7bebdd hex color

In a RGB color space, hex #7bebdd is composed of 48.2% red, 92.2% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 47.7% cyan, 0% magenta, 6% yellow and 7.8% black. It has a hue angle of 172.5 degrees, a saturation of 73.7% and a lightness of 70.2%. #7bebdd color hex could be obtained by blending #f6ffff with #00d7bb. Closest websafe color is: #66ffcc.

♥
- f
- t
- g
- R 48
- G 92
- B 87
RGB color chart
- C 48
- M 0
- Y 6
- K 8
CMYK color chart

● #7bebdd color description : Soft cyan.

The hexadecimal color #7bebdd has RGB values of R:123, G:235, B:221 and CMYK values of C:0.48, M:0, Y:0.06, K:0.08. Its decimal value is 8121309.

Hex triplet	7bebdd	`#7bebdd`
RGB Decimal	123, 235, 221	`rgb(123,235,221)`
RGB Percent	48.2, 92.2, 86.7	`rgb(48.2%,92.2%,86.7%)`
CMYK	48, 0, 6, 8
HSL	172.5°, 73.7, 70.2	`hsl(172.5,73.7%,70.2%)`
HSV (or HSB)	172.5°, 47.7, 92.2
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	86.427, -35.398, -3.123
XYZ	50.924, 68.845, 79.007
xyY	0.256, 0.346, 68.845
CIE-LCH	86.427, 35.535, 185.042
CIE-LUV	86.427, -48.983, 0.944
Hunter-Lab	82.973, -35.649, 1.624
Binary	01111011, 11101011, 11011101

#7bebdd
```
#7bebdd rgb(123,235,221)
```
#eb7b89
```
#eb7b89 rgb(235,123,137)
```

Complementary Color

#7beba5
```
#7beba5 rgb(123,235,165)
```
#7bebdd
```
#7bebdd rgb(123,235,221)
```
#7bc1eb
```
#7bc1eb rgb(123,193,235)
```

Analogous Color

#eba57b
```
#eba57b rgb(235,165,123)
```
#7bebdd
```
#7bebdd rgb(123,235,221)
```
#eb7bc1
```
#eb7bc1 rgb(235,123,193)
```

Split Complementary Color

#ebdd7b
```
#ebdd7b rgb(235,221,123)
```
#7bebdd
```
#7bebdd rgb(123,235,221)
```
#dd7beb
```
#dd7beb rgb(221,123,235)
```

Triadic Color

#89eb7b
```
#89eb7b rgb(137,235,123)
```
#7bebdd
```
#7bebdd rgb(123,235,221)
```
#dd7beb
```
#dd7beb rgb(221,123,235)
```
#eb7b89
```
#eb7b89 rgb(235,123,137)
```

Tetradic Color

#39e1cc
```
#39e1cc rgb(57,225,204)
```
#4fe4d2
```
#4fe4d2 rgb(79,228,210)
```
#65e8d7
```
#65e8d7 rgb(101,232,215)
```
#7bebdd
```
#7bebdd rgb(123,235,221)
```
#91eee3
```
#91eee3 rgb(145,238,227)
```
#a7f2e8
```
#a7f2e8 rgb(167,242,232)
```
#bdf5ee
```
#bdf5ee rgb(189,245,238)
```

Monochromatic Color

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

#7bebc1
```
#7bebc1 rgb(123,235,193)
```
#7bebca
```
#7bebca rgb(123,235,202)
```
#7bebd4
```
#7bebd4 rgb(123,235,212)
```
#7bebdd
```
#7bebdd rgb(123,235,221)
```
#7bebe6
```
#7bebe6 rgb(123,235,230)
```
#7be6eb
```
#7be6eb rgb(123,230,235)
```
#7bddeb
```
#7bddeb rgb(123,221,235)
```

Similar Colors

Text with hexadecimal color #7bebdd

This text has a font color of #7bebdd.

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

#7bebdd background color

This paragraph has a background color of #7bebdd.

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

#7bebdd border color

This element has a border color of #7bebdd.

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

CSS codes

.text {color:#7bebdd;}

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

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

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

#010404
```
#010404 rgb(1,4,4)
```
#031513
```
#031513 rgb(3,21,19)
```
#062622
```
#062622 rgb(6,38,34)
```
#083732
```
#083732 rgb(8,55,50)
```
#0b4841
```
#0b4841 rgb(11,72,65)
```
#0e5950
```
#0e5950 rgb(14,89,80)
```
#106a5f
```
#106a5f rgb(16,106,95)
```
#137c6e
```
#137c6e rgb(19,124,110)
```
#158d7e
```
#158d7e rgb(21,141,126)
```
#189e8d
```
#189e8d rgb(24,158,141)
```
#1aaf9c
```
#1aaf9c rgb(26,175,156)
```
#1dc0ab
```
#1dc0ab rgb(29,192,171)
```
#20d1bb
```
#20d1bb rgb(32,209,187)
```

Shade Color Variation

#26dec7
```
#26dec7 rgb(38,222,199)
```
#37e1cb
```
#37e1cb rgb(55,225,203)
```
#48e3d0
```
#48e3d0 rgb(72,227,208)
```
#59e6d4
```
#59e6d4 rgb(89,230,212)
```
#6ae8d9
```
#6ae8d9 rgb(106,232,217)
```
#7bebdd
```
#7bebdd rgb(123,235,221)
```
#8ceee1
```
#8ceee1 rgb(140,238,225)
```
#9df0e6
```
#9df0e6 rgb(157,240,230)
```
#aef3ea
```
#aef3ea rgb(174,243,234)
```
#bff5ef
```
#bff5ef rgb(191,245,239)
```
#d0f8f3
```
#d0f8f3 rgb(208,248,243)
```
#e1faf7
```
#e1faf7 rgb(225,250,247)
```
#f2fdfc
```
#f2fdfc rgb(242,253,252)
```

Tint Color Variation

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

#b0b6b6
```
#b0b6b6 rgb(176,182,182)
```
#aabcba
```
#aabcba rgb(170,188,186)
```
#a4c2be
```
#a4c2be rgb(164,194,190)
```
#9ec8c3
```
#9ec8c3 rgb(158,200,195)
```
#98cec7
```
#98cec7 rgb(152,206,199)
```
#92d4cb
```
#92d4cb rgb(146,212,203)
```
#8dd9d0
```
#8dd9d0 rgb(141,217,208)
```
#87dfd4
```
#87dfd4 rgb(135,223,212)
```
#81e5d9
```
#81e5d9 rgb(129,229,217)
```
#7bebdd
```
#7bebdd rgb(123,235,221)
```
#75f1e1
```
#75f1e1 rgb(117,241,225)
```
#6ff7e6
```
#6ff7e6 rgb(111,247,230)
```
#69fdea
```
#69fdea rgb(105,253,234)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#b9cfcc Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfd9d4 Protanopia 1% of men
#e8d4e7 Deuteranopia 1% of men
#8be7f8 Tritanopia 0.001% of the population

Trichromacy

#badfd7 Protanomaly 1% of men, 0.01% of women
#c0dce3 Deuteranomaly 6% of men, 0.4% of women
#85e9ee Tritanomaly 0.01% of the population

#7bebdd hex color

#7bebdd Color Information

#7bebdd Color Conversion

Color Schemes with #7bebdd

Alternatives to #7bebdd

#7bebdd Preview

Shades and Tints of #7bebdd

Tones of #7bebdd

Color Blindness Simulator