#7bccbb Color Information
In a RGB color space, hex #7bccbb is composed of 48.2% red, 80% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 39.7% cyan, 0% magenta, 8.3% yellow and 20% black. It has a hue angle of 167.4 degrees, a saturation of 44.3% and a lightness of 64.1%. #7bccbb color hex could be obtained by blending #f6ffff with #009977. Closest websafe color is: #66cccc.
-
- R 48
- G 80
- B 73
-
- C 40
- M 0
- Y 8
- K 20
● #7bccbb color description : Slightly desaturated cyan.
#7bccbb Color Conversion
The hexadecimal color #7bccbb has RGB values of R:123, G:204, B:187 and CMYK values of C:0.4, M:0, Y:0.08, K:0.2. Its decimal value is 8113339.
Hex triplet | 7bccbb | #7bccbb |
---|---|---|
RGB Decimal | 123, 204, 187 | rgb(123,204,187) |
RGB Percent | 48.2, 80, 73.3 | rgb(48.2%,80%,73.3%) |
CMYK | 40, 0, 8, 20 | |
HSL | 167.4°, 44.3, 64.1 | hsl(167.4,44.3%,64.1%) |
HSV (or HSB) | 167.4°, 39.7, 80 | |
Web Safe | 66cccc | #66cccc |
CIE-LAB | 76.668, -28.752, 0.675 |
---|---|
XYZ | 38.728, 50.982, 54.811 |
xyY | 0.268, 0.353, 50.982 |
CIE-LCH | 76.668, 28.76, 178.656 |
CIE-LUV | 76.668, -37.663, 5.705 |
Hunter-Lab | 71.402, -28.135, 4.468 |
Binary | 01111011, 11001100, 10111011 |
Color Schemes with #7bccbb
Alternatives to #7bccbb
Below, you can see some colors close to #7bccbb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#7bccbb Preview
This text has a font color of #7bccbb.
<span style="color:#7bccbb;">Text here</span>
This paragraph has a background color of #7bccbb.
<p style="background-color:#7bccbb;">Content here</p>
This element has a border color of #7bccbb.
<div style="border:1px solid #7bccbb;">Content here</div>
.text {color:#7bccbb;}
.background {background-color:#7bccbb;}
.border {border:1px solid #7bccbb;}
Shades and Tints of #7bccbb
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 #fafdfd is the lightest one.
-
#040908
#040908
rgb(4,9,8)
-
#091815
#091815
rgb(9,24,21)
-
#0f2621
#0f2621
rgb(15,38,33)
-
#14342d
#14342d
rgb(20,52,45)
-
#1a423a
#1a423a
rgb(26,66,58)
-
#1f5046
#1f5046
rgb(31,80,70)
-
#245e52
#245e52
rgb(36,94,82)
-
#2a6d5f
#2a6d5f
rgb(42,109,95)
-
#2f7b6b
#2f7b6b
rgb(47,123,107)
-
#358977
#358977
rgb(53,137,119)
-
#3a9784
#3a9784
rgb(58,151,132)
-
#40a590
#40a590
rgb(64,165,144)
-
#45b39c
#45b39c
rgb(69,179,156)
-
#51bca5
#51bca5
rgb(81,188,165)
-
#5fc1ac
#5fc1ac
rgb(95,193,172)
-
#6dc7b4
#6dc7b4
rgb(109,199,180)
-
#7bccbb
#7bccbb
rgb(123,204,187)
-
#89d1c2
#89d1c2
rgb(137,209,194)
-
#97d7ca
#97d7ca
rgb(151,215,202)
-
#a5dcd1
#a5dcd1
rgb(165,220,209)
-
#b4e2d8
#b4e2d8
rgb(180,226,216)
-
#c2e7df
#c2e7df
rgb(194,231,223)
-
#d0ede7
#d0ede7
rgb(208,237,231)
-
#def2ee
#def2ee
rgb(222,242,238)
-
#ecf8f5
#ecf8f5
rgb(236,248,245)
-
#fafdfd
#fafdfd
rgb(250,253,253)
Tones of #7bccbb
A tone is produced by adding gray to any pure hue. In this case, #9ea9a7 is the less saturated color, while #4afdd8 is the most saturated one.
-
#9ea9a7
#9ea9a7
rgb(158,169,167)
-
#97b0ab
#97b0ab
rgb(151,176,171)
-
#90b7af
#90b7af
rgb(144,183,175)
-
#89beb3
#89beb3
rgb(137,190,179)
-
#82c5b7
#82c5b7
rgb(130,197,183)
-
#7bccbb
#7bccbb
rgb(123,204,187)
-
#74d3bf
#74d3bf
rgb(116,211,191)
-
#6ddac3
#6ddac3
rgb(109,218,195)
-
#66e1c7
#66e1c7
rgb(102,225,199)
-
#5fe8cb
#5fe8cb
rgb(95,232,203)
-
#58efcf
#58efcf
rgb(88,239,207)
-
#51f6d4
#51f6d4
rgb(81,246,212)
-
#4afdd8
#4afdd8
rgb(74,253,216)
Color Blindness Simulator
Below, you can see how #7bccbb 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.