#7ccbcc Color Information
In a RGB color space, hex #7ccbcc is composed of 48.6% red, 79.6% green and 80% blue. Whereas in a CMYK color space, it is composed of 39.2% cyan, 0.5% magenta, 0% yellow and 20% black. It has a hue angle of 180.8 degrees, a saturation of 44% and a lightness of 64.3%. #7ccbcc color hex could be obtained by blending #f8ffff with #009799. Closest websafe color is: #66cccc.
-
- R 49
- G 80
- B 80
-
- C 39
- M 0
- Y 0
- K 20
● #7ccbcc color description : Slightly desaturated cyan.
#7ccbcc Color Conversion
The hexadecimal color #7ccbcc has RGB values of R:124, G:203, B:204 and CMYK values of C:0.39, M:0, Y:0, K:0.2. Its decimal value is 8178636.
Hex triplet | 7ccbcc | #7ccbcc |
---|---|---|
RGB Decimal | 124, 203, 204 | rgb(124,203,204) |
RGB Percent | 48.6, 79.6, 80 | rgb(48.6%,79.6%,80%) |
CMYK | 39, 0, 0, 20 | |
HSL | 180.8°, 44, 64.3 | hsl(180.8,44%,64.3%) |
HSV (or HSB) | 180.8°, 39.2, 80 | |
Web Safe | 66cccc | #66cccc |
CIE-LAB | 76.893, -23.953, -8.154 |
---|---|
XYZ | 40.564, 51.354, 64.898 |
xyY | 0.259, 0.327, 51.354 |
CIE-LCH | 76.893, 25.303, 198.798 |
CIE-LUV | 76.893, -36.468, -8.706 |
Hunter-Lab | 71.662, -24.368, -3.531 |
Binary | 01111100, 11001011, 11001100 |
Color Schemes with #7ccbcc
Alternatives to #7ccbcc
Below, you can see some colors close to #7ccbcc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#7ccbcc Preview
This text has a font color of #7ccbcc.
<span style="color:#7ccbcc;">Text here</span>
This paragraph has a background color of #7ccbcc.
<p style="background-color:#7ccbcc;">Content here</p>
This element has a border color of #7ccbcc.
<div style="border:1px solid #7ccbcc;">Content here</div>
.text {color:#7ccbcc;}
.background {background-color:#7ccbcc;}
.border {border:1px solid #7ccbcc;}
Shades and Tints of #7ccbcc
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)
-
#143435
#143435
rgb(20,52,53)
-
#1a4243
#1a4243
rgb(26,66,67)
-
#1f5051
#1f5051
rgb(31,80,81)
-
#255e5f
#255e5f
rgb(37,94,95)
-
#2a6c6d
#2a6c6d
rgb(42,108,109)
-
#307a7b
#307a7b
rgb(48,122,123)
-
#358889
#358889
rgb(53,136,137)
-
#3b9697
#3b9697
rgb(59,150,151)
-
#40a4a5
#40a4a5
rgb(64,164,165)
-
#46b2b4
#46b2b4
rgb(70,178,180)
-
#52babc
#52babc
rgb(82,186,188)
-
#60c0c1
#60c0c1
rgb(96,192,193)
-
#6ec5c7
#6ec5c7
rgb(110,197,199)
-
#7ccbcc
#7ccbcc
rgb(124,203,204)
-
#8ad1d1
#8ad1d1
rgb(138,209,209)
-
#98d6d7
#98d6d7
rgb(152,214,215)
-
#a6dcdc
#a6dcdc
rgb(166,220,220)
-
#b4e1e2
#b4e1e2
rgb(180,225,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 #7ccbcc
A tone is produced by adding gray to any pure hue. In this case, #9fa9a9 is the less saturated color, while #4bfbfd is the most saturated one.
-
#9fa9a9
#9fa9a9
rgb(159,169,169)
-
#98b0b0
#98b0b0
rgb(152,176,176)
-
#91b7b7
#91b7b7
rgb(145,183,183)
-
#8abdbe
#8abdbe
rgb(138,189,190)
-
#83c4c5
#83c4c5
rgb(131,196,197)
-
#7ccbcc
#7ccbcc
rgb(124,203,204)
-
#75d2d3
#75d2d3
rgb(117,210,211)
-
#6ed9da
#6ed9da
rgb(110,217,218)
-
#67dfe1
#67dfe1
rgb(103,223,225)
-
#60e6e8
#60e6e8
rgb(96,230,232)
-
#59edef
#59edef
rgb(89,237,239)
-
#52f4f6
#52f4f6
rgb(82,244,246)
-
#4bfbfd
#4bfbfd
rgb(75,251,253)
Color Blindness Simulator
Below, you can see how #7ccbcc 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.