#7BCEBD Color Information


In the RGB color space, #7BCEBD is composed of 48.2353% red, 80.7843% green, and 74.1176% blue.

In the CMYK color space, #7BCEBD is composed of 40.28% cyan, 0% magenta, 8.24% yellow, and 19.22% black,

It has a hue angle of 167.7 degrees, a saturation of 45.84%, and a lightness of 64.51%.

The closest websafe color is #66CCCC.

#7BCEBD RGB Values

#7BCEBD CMYK Values



#7BCEBD Color Conversion


The hexadecimal color #7BCEBD has RGB values of R:123, G:206, B:189 and CMYK values of C:40.28, M:0, Y:8.24, K:19.22. It has a decimal value of 8113853.


Hexadecimal #7BCEBD #7BCEBD
RGB Decimal 123, 206, 189 rgb(123, 206, 189)
RGB Percent 48.2353, 80.7843, 74.1176 rgb(48.2353%, 80.7843%, 74.1176%)
RGB Proportion 0.4824, 0.8078, 0.7412 rgb(0.4824, 0.8078, 0.7412)
CMYK 40.28, 0, 8.24, 19.22
HSL 167.7ยบ, 45.84, 64.51 hsl(167.7, 45.84%, 64.51%)
Websafe 66CCCC #66CCCC
XYZ 39.425, 52.024, 56.111
Yxy 52.024, 0.267, 0.353
CIE-LAB 77.295, -29.244, 0.507
CIE-LCH 77.295, 29.248, 179.007
CIE-LUV 77.295, -38.428, 5.537
Hunter-Lab 72.128, -28.655, 4.365

Color Schemes For #7BCEBD


Colors that go well with #7BCEBD.

Monochromatic
Triadic Colors
Split Complementary Color
Complementary Color
Analogous Colors
Tetradic Colors

Alternatives to #7BCEBD


Colors similar to #7BCEBD.


#7BCEBD Preview


Common HTML and CSS shortcodes for #7BCEBD.

Text with color #7BCEBD


The quick brown fox jumps over the lazy dog.

<div style="color: #7BCEBD;">The quick brown fox jumps over the lazy dog.</div>

#7BCEBD as background color


The quick brown fox jumps over the lazy dog.

<div style="background-color: #7BCEBD;">The quick brown fox jumps over the lazy dog.</div>

Border with #7BCEBD


The quick brown fox jumps over the lazy dog.

<div style="border: 1px solid #7BCEBD;">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #7BCEBD


Linear gradient from #7BCEBD to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#7BCEBD, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #7BCEBD


Radial gradient from #7BCEBD to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#7BCEBD, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #7BCEBD and its Complementary Color


Linear gradient from #7BCEBD to #843142.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#7BCEBD, #843142);">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #7BCEBD and its Complementary Color


Radial gradient from #7BCEBD to #843142.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#7BCEBD, #843142);">The quick brown fox jumps over the lazy dog.</div>

CSS Code


Handy CSS code and shortcuts.

.text { color: #7BCEBD; } .background { background-color: #7BCEBD; } .border { border: 1px solid #7BCEBD; } .linear-gradient { background: linear-gradient(#faf310, rgba(255, 255, 255, 0)); } .radial-gradient { background: radial-gradient(#faf310, rgba(255, 255, 255, 0)); }

Shades and Tints of #7BCEBD


Shades are created by adding black to the color, while a tint is created by mixing white. The darkest shade in this example is #020403 while the lightest tint is #FDFEFE.

Shades


Tints

Random Colors