#7bcccc Color Information
In a RGB color space, hex #7bcccc is composed of 48.2% red, 80% green and 80% blue. Whereas in a CMYK color space, it is composed of 39.7% cyan, 0% magenta, 0% yellow and 20% black. It has a hue angle of 180 degrees, a saturation of 44.3% and a lightness of 64.1%. #7bcccc color hex could be obtained by blending #f6ffff with #009999. Closest websafe color is: #66cccc.
-
- R 48
- G 80
- B 80
-
- C 40
- M 0
- Y 0
- K 20
● #7bcccc color description : Slightly desaturated cyan.
#7bcccc Color Conversion
The hexadecimal color #7bcccc has RGB values of R:123, G:204, B:204 and CMYK values of C:0.4, M:0, Y:0, K:0.2. Its decimal value is 8113356.
Hex triplet | 7bcccc | #7bcccc |
---|---|---|
RGB Decimal | 123, 204, 204 | rgb(123,204,204) |
RGB Percent | 48.2, 80, 80 | rgb(48.2%,80%,80%) |
CMYK | 40, 0, 0, 20 | |
HSL | 180°, 44.3, 64.1 | hsl(180,44.3%,64.1%) |
HSV (or HSB) | 180°, 39.7, 80 | |
Web Safe | 66cccc | #66cccc |
CIE-LAB | 77.134, -24.702, -7.802 |
---|---|
XYZ | 40.657, 51.754, 64.971 |
xyY | 0.258, 0.329, 51.754 |
CIE-LCH | 77.134, 25.905, 197.528 |
CIE-LUV | 77.134, -37.221, -8.04 |
Hunter-Lab | 71.94, -25.015, -3.188 |
Binary | 01111011, 11001100, 11001100 |
Color Schemes with #7bcccc
Alternatives to #7bcccc
Below, you can see some colors close to #7bcccc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#7bcccc Preview
This text has a font color of #7bcccc.
<span style="color:#7bcccc;">Text here</span>
This paragraph has a background color of #7bcccc.
<p style="background-color:#7bcccc;">Content here</p>
This element has a border color of #7bcccc.
<div style="border:1px solid #7bcccc;">Content here</div>
.text {color:#7bcccc;}
.background {background-color:#7bcccc;}
.border {border:1px solid #7bcccc;}
Shades and Tints of #7bcccc
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, #040909 is the darkest color, while #fafdfd is the lightest one.
-
#040909
#040909
rgb(4,9,9)
-
#091818
#091818
rgb(9,24,24)
-
#0f2626
#0f2626
rgb(15,38,38)
-
#143434
#143434
rgb(20,52,52)
-
#1a4242
#1a4242
rgb(26,66,66)
-
#1f5050
#1f5050
rgb(31,80,80)
-
#245e5e
#245e5e
rgb(36,94,94)
-
#2a6d6d
#2a6d6d
rgb(42,109,109)
-
#2f7b7b
#2f7b7b
rgb(47,123,123)
-
#358989
#358989
rgb(53,137,137)
-
#3a9797
#3a9797
rgb(58,151,151)
-
#40a5a5
#40a5a5
rgb(64,165,165)
-
#45b3b3
#45b3b3
rgb(69,179,179)
-
#51bcbc
#51bcbc
rgb(81,188,188)
-
#5fc1c1
#5fc1c1
rgb(95,193,193)
-
#6dc7c7
#6dc7c7
rgb(109,199,199)
-
#7bcccc
#7bcccc
rgb(123,204,204)
-
#89d1d1
#89d1d1
rgb(137,209,209)
-
#97d7d7
#97d7d7
rgb(151,215,215)
-
#a5dcdc
#a5dcdc
rgb(165,220,220)
-
#b4e2e2
#b4e2e2
rgb(180,226,226)
-
#c2e7e7
#c2e7e7
rgb(194,231,231)
-
#d0eded
#d0eded
rgb(208,237,237)
-
#def2f2
#def2f2
rgb(222,242,242)
-
#ecf8f8
#ecf8f8
rgb(236,248,248)
-
#fafdfd
#fafdfd
rgb(250,253,253)
Tones of #7bcccc
A tone is produced by adding gray to any pure hue. In this case, #9ea9a9 is the less saturated color, while #4afdfd is the most saturated one.
-
#9ea9a9
#9ea9a9
rgb(158,169,169)
-
#97b0b0
#97b0b0
rgb(151,176,176)
-
#90b7b7
#90b7b7
rgb(144,183,183)
-
#89bebe
#89bebe
rgb(137,190,190)
-
#82c5c5
#82c5c5
rgb(130,197,197)
-
#7bcccc
#7bcccc
rgb(123,204,204)
-
#74d3d3
#74d3d3
rgb(116,211,211)
-
#6ddada
#6ddada
rgb(109,218,218)
-
#66e1e1
#66e1e1
rgb(102,225,225)
-
#5fe8e8
#5fe8e8
rgb(95,232,232)
-
#58efef
#58efef
rgb(88,239,239)
-
#51f6f6
#51f6f6
rgb(81,246,246)
-
#4afdfd
#4afdfd
rgb(74,253,253)
Color Blindness Simulator
Below, you can see how #7bcccc 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.