#7ccccc Color Information
In a RGB color space, hex #7ccccc is composed of 48.6% red, 80% green and 80% blue. Whereas in a CMYK color space, it is composed of 39.2% cyan, 0% magenta, 0% yellow and 20% black. It has a hue angle of 180 degrees, a saturation of 44% and a lightness of 64.3%. #7ccccc color hex could be obtained by blending #f8ffff with #009999. Closest websafe color is: #66cccc.
-
- R 49
- G 80
- B 80
-
- C 39
- M 0
- Y 0
- K 20
● #7ccccc color description : Slightly desaturated cyan.
#7ccccc Color Conversion
The hexadecimal color #7ccccc has RGB values of R:124, G:204, B:204 and CMYK values of C:0.39, M:0, Y:0, K:0.2. Its decimal value is 8178892.
Hex triplet | 7ccccc | #7ccccc |
---|---|---|
RGB Decimal | 124, 204, 204 | rgb(124,204,204) |
RGB Percent | 48.6, 80, 80 | rgb(48.6%,80%,80%) |
CMYK | 39, 0, 0, 20 | |
HSL | 180°, 44, 64.3 | hsl(180,44%,64.3%) |
HSV (or HSB) | 180°, 39.2, 80 | |
Web Safe | 66cccc | #66cccc |
CIE-LAB | 77.178, -24.45, -7.731 |
---|---|
XYZ | 40.801, 51.828, 64.977 |
xyY | 0.259, 0.329, 51.828 |
CIE-LCH | 77.178, 25.643, 197.547 |
CIE-LUV | 77.178, -36.876, -7.966 |
Hunter-Lab | 71.992, -24.821, -3.119 |
Binary | 01111100, 11001100, 11001100 |
Color Schemes with #7ccccc
Alternatives to #7ccccc
Below, you can see some colors close to #7ccccc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#7ccccc Preview
This text has a font color of #7ccccc.
<span style="color:#7ccccc;">Text here</span>
This paragraph has a background color of #7ccccc.
<p style="background-color:#7ccccc;">Content here</p>
This element has a border color of #7ccccc.
<div style="border:1px solid #7ccccc;">Content here</div>
.text {color:#7ccccc;}
.background {background-color:#7ccccc;}
.border {border:1px solid #7ccccc;}
Shades and Tints of #7ccccc
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, #040a0a is the darkest color, while #fbfdfd is the lightest one.
-
#040a0a
#040a0a
rgb(4,10,10)
-
#091818
#091818
rgb(9,24,24)
-
#0f2626
#0f2626
rgb(15,38,38)
-
#143535
#143535
rgb(20,53,53)
-
#1a4343
#1a4343
rgb(26,67,67)
-
#1f5151
#1f5151
rgb(31,81,81)
-
#255f5f
#255f5f
rgb(37,95,95)
-
#2a6d6d
#2a6d6d
rgb(42,109,109)
-
#307b7b
#307b7b
rgb(48,123,123)
-
#358989
#358989
rgb(53,137,137)
-
#3b9797
#3b9797
rgb(59,151,151)
-
#40a5a5
#40a5a5
rgb(64,165,165)
-
#46b4b4
#46b4b4
rgb(70,180,180)
-
#52bcbc
#52bcbc
rgb(82,188,188)
-
#60c1c1
#60c1c1
rgb(96,193,193)
-
#6ec7c7
#6ec7c7
rgb(110,199,199)
-
#7ccccc
#7ccccc
rgb(124,204,204)
-
#8ad1d1
#8ad1d1
rgb(138,209,209)
-
#98d7d7
#98d7d7
rgb(152,215,215)
-
#a6dcdc
#a6dcdc
rgb(166,220,220)
-
#b4e2e2
#b4e2e2
rgb(180,226,226)
-
#c3e7e7
#c3e7e7
rgb(195,231,231)
-
#d1eded
#d1eded
rgb(209,237,237)
-
#dff2f2
#dff2f2
rgb(223,242,242)
-
#edf8f8
#edf8f8
rgb(237,248,248)
-
#fbfdfd
#fbfdfd
rgb(251,253,253)
Tones of #7ccccc
A tone is produced by adding gray to any pure hue. In this case, #9fa9a9 is the less saturated color, while #4bfdfd is the most saturated one.
-
#9fa9a9
#9fa9a9
rgb(159,169,169)
-
#98b0b0
#98b0b0
rgb(152,176,176)
-
#91b7b7
#91b7b7
rgb(145,183,183)
-
#8abebe
#8abebe
rgb(138,190,190)
-
#83c5c5
#83c5c5
rgb(131,197,197)
-
#7ccccc
#7ccccc
rgb(124,204,204)
-
#75d3d3
#75d3d3
rgb(117,211,211)
-
#6edada
#6edada
rgb(110,218,218)
-
#67e1e1
#67e1e1
rgb(103,225,225)
-
#60e8e8
#60e8e8
rgb(96,232,232)
-
#59efef
#59efef
rgb(89,239,239)
-
#52f6f6
#52f6f6
rgb(82,246,246)
-
#4bfdfd
#4bfdfd
rgb(75,253,253)
Color Blindness Simulator
Below, you can see how #7ccccc 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.