#7bccb3 Color Information
In a RGB color space, hex #7bccb3 is composed of 48.2% red, 80% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 39.7% cyan, 0% magenta, 12.3% yellow and 20% black. It has a hue angle of 161.5 degrees, a saturation of 44.3% and a lightness of 64.1%. #7bccb3 color hex could be obtained by blending #f6ffff with #009967. Closest websafe color is: #66cccc.
-
- R 48
- G 80
- B 70
-
- C 40
- M 0
- Y 12
- K 20
● #7bccb3 color description : Slightly desaturated cyan - lime green.
#7bccb3 Color Conversion
The hexadecimal color #7bccb3 has RGB values of R:123, G:204, B:179 and CMYK values of C:0.4, M:0, Y:0.12, K:0.2. Its decimal value is 8113331.
| Hex triplet | 7bccb3 | #7bccb3 |
|---|---|---|
| RGB Decimal | 123, 204, 179 | rgb(123,204,179) |
| RGB Percent | 48.2, 80, 70.2 | rgb(48.2%,80%,70.2%) |
| CMYK | 40, 0, 12, 20 | |
| HSL | 161.5°, 44.3, 64.1 | hsl(161.5,44.3%,64.1%) |
| HSV (or HSB) | 161.5°, 39.7, 80 | |
| Web Safe | 66cccc | #66cccc |
| CIE-LAB | 76.466, -30.556, 4.688 |
|---|---|
| XYZ | 37.896, 50.649, 50.425 |
| xyY | 0.273, 0.364, 50.649 |
| CIE-LCH | 76.466, 30.914, 171.277 |
| CIE-LUV | 76.466, -37.87, 11.979 |
| Hunter-Lab | 71.168, -29.497, 7.809 |
| Binary | 01111011, 11001100, 10110011 |
Color Schemes with #7bccb3
Alternatives to #7bccb3
Below, you can see some colors close to #7bccb3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#7bccb3 Preview
This text has a font color of #7bccb3.
<span style="color:#7bccb3;">Text here</span>
This paragraph has a background color of #7bccb3.
<p style="background-color:#7bccb3;">Content here</p>
This element has a border color of #7bccb3.
<div style="border:1px solid #7bccb3;">Content here</div>
.text {color:#7bccb3;}
.background {background-color:#7bccb3;}
.border {border:1px solid #7bccb3;}
Shades and Tints of #7bccb3
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, #040908 is the darkest color, while #fafdfc is the lightest one.
-
#040908
#040908rgb(4,9,8) -
#091813
#091813rgb(9,24,19) -
#0f261f
#0f261frgb(15,38,31) -
#14342a
#14342argb(20,52,42) -
#1a4236
#1a4236rgb(26,66,54) -
#1f5041
#1f5041rgb(31,80,65) -
#245e4d
#245e4drgb(36,94,77) -
#2a6d58
#2a6d58rgb(42,109,88) -
#2f7b63
#2f7b63rgb(47,123,99) -
#35896f
#35896frgb(53,137,111) -
#3a977a
#3a977argb(58,151,122) -
#40a586
#40a586rgb(64,165,134) -
#45b391
#45b391rgb(69,179,145)
-
#51bc9b
#51bc9brgb(81,188,155) -
#5fc1a3
#5fc1a3rgb(95,193,163) -
#6dc7ab
#6dc7abrgb(109,199,171) -
#7bccb3
#7bccb3rgb(123,204,179) -
#89d1bb
#89d1bbrgb(137,209,187) -
#97d7c3
#97d7c3rgb(151,215,195) -
#a5dccb
#a5dccbrgb(165,220,203) -
#b4e2d4
#b4e2d4rgb(180,226,212) -
#c2e7dc
#c2e7dcrgb(194,231,220) -
#d0ede4
#d0ede4rgb(208,237,228) -
#def2ec
#def2ecrgb(222,242,236) -
#ecf8f4
#ecf8f4rgb(236,248,244) -
#fafdfc
#fafdfcrgb(250,253,252)
Tones of #7bccb3
A tone is produced by adding gray to any pure hue. In this case, #9ea9a6 is the less saturated color, while #4afdc6 is the most saturated one.
-
#9ea9a6
#9ea9a6rgb(158,169,166) -
#97b0a8
#97b0a8rgb(151,176,168) -
#90b7ab
#90b7abrgb(144,183,171) -
#89beae
#89beaergb(137,190,174) -
#82c5b0
#82c5b0rgb(130,197,176) -
#7bccb3
#7bccb3rgb(123,204,179) -
#74d3b6
#74d3b6rgb(116,211,182) -
#6ddab8
#6ddab8rgb(109,218,184) -
#66e1bb
#66e1bbrgb(102,225,187) -
#5fe8be
#5fe8bergb(95,232,190) -
#58efc0
#58efc0rgb(88,239,192) -
#51f6c3
#51f6c3rgb(81,246,195) -
#4afdc6
#4afdc6rgb(74,253,198)
Color Blindness Simulator
Below, you can see how #7bccb3 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.
