#7cc6e2 Color Information
In a RGB color space, hex #7cc6e2 is composed of 48.6% red, 77.6% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 45.1% cyan, 12.4% magenta, 0% yellow and 11.4% black. It has a hue angle of 196.5 degrees, a saturation of 63.8% and a lightness of 68.6%. #7cc6e2 color hex could be obtained by blending #f8ffff with #008dc5. Closest websafe color is: #66cccc.
-
- R 49
- G 78
- B 89
-
- C 45
- M 12
- Y 0
- K 11
● #7cc6e2 color description : Soft blue.
#7cc6e2 Color Conversion
The hexadecimal color #7cc6e2 has RGB values of R:124, G:198, B:226 and CMYK values of C:0.45, M:0.12, Y:0, K:0.11. Its decimal value is 8177378.
Hex triplet | 7cc6e2 | #7cc6e2 |
---|---|---|
RGB Decimal | 124, 198, 226 | rgb(124,198,226) |
RGB Percent | 48.6, 77.6, 88.6 | rgb(48.6%,77.6%,88.6%) |
CMYK | 45, 12, 0, 11 | |
HSL | 196.5°, 63.8, 68.6 | hsl(196.5,63.8%,68.6%) |
HSV (or HSB) | 196.5°, 45.1, 88.6 | |
Web Safe | 66cccc | #66cccc |
CIE-LAB | 76.169, -15.745, -21.11 |
---|---|
XYZ | 42.23, 50.162, 79.404 |
xyY | 0.246, 0.292, 50.162 |
CIE-LCH | 76.169, 26.336, 233.282 |
CIE-LUV | 76.169, -33.958, -30.94 |
Hunter-Lab | 70.825, -17.511, -16.894 |
Binary | 01111100, 11000110, 11100010 |
Color Schemes with #7cc6e2
Alternatives to #7cc6e2
Below, you can see some colors close to #7cc6e2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#7cc6e2 Preview
This text has a font color of #7cc6e2.
<span style="color:#7cc6e2;">Text here</span>
This paragraph has a background color of #7cc6e2.
<p style="background-color:#7cc6e2;">Content here</p>
This element has a border color of #7cc6e2.
<div style="border:1px solid #7cc6e2;">Content here</div>
.text {color:#7cc6e2;}
.background {background-color:#7cc6e2;}
.border {border:1px solid #7cc6e2;}
Shades and Tints of #7cc6e2
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, #030b0e is the darkest color, while #fcfefe is the lightest one.
-
#030b0e
#030b0e
rgb(3,11,14)
-
#07171e
#07171e
rgb(7,23,30)
-
#0a242e
#0a242e
rgb(10,36,46)
-
#0e313e
#0e313e
rgb(14,49,62)
-
#113d4e
#113d4e
rgb(17,61,78)
-
#154a5e
#154a5e
rgb(21,74,94)
-
#18566e
#18566e
rgb(24,86,110)
-
#1c637e
#1c637e
rgb(28,99,126)
-
#1f708e
#1f708e
rgb(31,112,142)
-
#237c9e
#237c9e
rgb(35,124,158)
-
#2789ae
#2789ae
rgb(39,137,174)
-
#2a96be
#2a96be
rgb(42,150,190)
-
#2ea2ce
#2ea2ce
rgb(46,162,206)
-
#3caad4
#3caad4
rgb(60,170,212)
-
#4cb1d7
#4cb1d7
rgb(76,177,215)
-
#5cb8db
#5cb8db
rgb(92,184,219)
-
#6cbfde
#6cbfde
rgb(108,191,222)
-
#7cc6e2
#7cc6e2
rgb(124,198,226)
-
#8ccde6
#8ccde6
rgb(140,205,230)
-
#9cd4e9
#9cd4e9
rgb(156,212,233)
-
#acdbed
#acdbed
rgb(172,219,237)
-
#bce2f0
#bce2f0
rgb(188,226,240)
-
#cce9f4
#cce9f4
rgb(204,233,244)
-
#dcf0f7
#dcf0f7
rgb(220,240,247)
-
#ecf7fb
#ecf7fb
rgb(236,247,251)
-
#fcfefe
#fcfefe
rgb(252,254,254)
Tones of #7cc6e2
A tone is produced by adding gray to any pure hue. In this case, #adb0b1 is the less saturated color, while #63d1fb is the most saturated one.
-
#adb0b1
#adb0b1
rgb(173,176,177)
-
#a7b3b7
#a7b3b7
rgb(167,179,183)
-
#a1b5bd
#a1b5bd
rgb(161,181,189)
-
#9bb8c3
#9bb8c3
rgb(155,184,195)
-
#95bbc9
#95bbc9
rgb(149,187,201)
-
#8ebed0
#8ebed0
rgb(142,190,208)
-
#88c0d6
#88c0d6
rgb(136,192,214)
-
#82c3dc
#82c3dc
rgb(130,195,220)
-
#7cc6e2
#7cc6e2
rgb(124,198,226)
-
#76c9e8
#76c9e8
rgb(118,201,232)
-
#70ccee
#70ccee
rgb(112,204,238)
-
#6acef4
#6acef4
rgb(106,206,244)
-
#63d1fb
#63d1fb
rgb(99,209,251)
Color Blindness Simulator
Below, you can see how #7cc6e2 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.