#7cc2f4 Color Information
In a RGB color space, hex #7cc2f4 is composed of 48.6% red, 76.1% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 49.2% cyan, 20.5% magenta, 0% yellow and 4.3% black. It has a hue angle of 205 degrees, a saturation of 84.5% and a lightness of 72.2%. #7cc2f4 color hex could be obtained by blending #f8ffff with #0085e9. Closest websafe color is: #66ccff.
-
- R 49
- G 76
- B 96
-
- C 49
- M 20
- Y 0
- K 4
● #7cc2f4 color description : Soft blue.
#7cc2f4 Color Conversion
The hexadecimal color #7cc2f4 has RGB values of R:124, G:194, B:244 and CMYK values of C:0.49, M:0.2, Y:0, K:0.04. Its decimal value is 8176372.
Hex triplet | 7cc2f4 | #7cc2f4 |
---|---|---|
RGB Decimal | 124, 194, 244 | rgb(124,194,244) |
RGB Percent | 48.6, 76.1, 95.7 | rgb(48.6%,76.1%,95.7%) |
CMYK | 49, 20, 0, 4 | |
HSL | 205°, 84.5, 72.2 | hsl(205,84.5%,72.2%) |
HSV (or HSB) | 205°, 49.2, 95.7 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 75.698, -8.669, -31.525 |
---|---|
XYZ | 43.929, 49.398, 92.803 |
xyY | 0.236, 0.265, 49.398 |
CIE-LCH | 75.698, 32.695, 254.625 |
CIE-LUV | 75.698, -32.066, -49.425 |
Hunter-Lab | 70.284, -11.429, -29.088 |
Binary | 01111100, 11000010, 11110100 |
Color Schemes with #7cc2f4
Alternatives to #7cc2f4
Below, you can see some colors close to #7cc2f4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#7cc2f4 Preview
This text has a font color of #7cc2f4.
<span style="color:#7cc2f4;">Text here</span>
This paragraph has a background color of #7cc2f4.
<p style="background-color:#7cc2f4;">Content here</p>
This element has a border color of #7cc2f4.
<div style="border:1px solid #7cc2f4;">Content here</div>
.text {color:#7cc2f4;}
.background {background-color:#7cc2f4;}
.border {border:1px solid #7cc2f4;}
Shades and Tints of #7cc2f4
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, #01090e is the darkest color, while #fbfdff is the lightest one.
-
#01090e
#01090e
rgb(1,9,14)
-
#031420
#031420
rgb(3,20,32)
-
#041f32
#041f32
rgb(4,31,50)
-
#062a44
#062a44
rgb(6,42,68)
-
#073556
#073556
rgb(7,53,86)
-
#094068
#094068
rgb(9,64,104)
-
#0a4c7a
#0a4c7a
rgb(10,76,122)
-
#0c578c
#0c578c
rgb(12,87,140)
-
#0d629f
#0d629f
rgb(13,98,159)
-
#0f6db1
#0f6db1
rgb(15,109,177)
-
#1078c3
#1078c3
rgb(16,120,195)
-
#1284d5
#1284d5
rgb(18,132,213)
-
#138fe7
#138fe7
rgb(19,143,231)
-
#2298ec
#2298ec
rgb(34,152,236)
-
#34a0ee
#34a0ee
rgb(52,160,238)
-
#46a9ef
#46a9ef
rgb(70,169,239)
-
#58b1f1
#58b1f1
rgb(88,177,241)
-
#6abaf2
#6abaf2
rgb(106,186,242)
-
#7cc2f4
#7cc2f4
rgb(124,194,244)
-
#8ecaf6
#8ecaf6
rgb(142,202,246)
-
#a0d3f7
#a0d3f7
rgb(160,211,247)
-
#b2dbf9
#b2dbf9
rgb(178,219,249)
-
#c4e4fa
#c4e4fa
rgb(196,228,250)
-
#d6ecfc
#d6ecfc
rgb(214,236,252)
-
#e9f5fd
#e9f5fd
rgb(233,245,253)
-
#fbfdff
#fbfdff
rgb(251,253,255)
Tones of #7cc2f4
A tone is produced by adding gray to any pure hue. In this case, #b3b9bd is the less saturated color, while #71c4ff is the most saturated one.
-
#b3b9bd
#b3b9bd
rgb(179,185,189)
-
#adbac3
#adbac3
rgb(173,186,195)
-
#a8bbc8
#a8bbc8
rgb(168,187,200)
-
#a2bcce
#a2bcce
rgb(162,188,206)
-
#9dbdd3
#9dbdd3
rgb(157,189,211)
-
#97bdd9
#97bdd9
rgb(151,189,217)
-
#92bede
#92bede
rgb(146,190,222)
-
#8cbfe4
#8cbfe4
rgb(140,191,228)
-
#87c0e9
#87c0e9
rgb(135,192,233)
-
#81c1ef
#81c1ef
rgb(129,193,239)
-
#7cc2f4
#7cc2f4
rgb(124,194,244)
-
#77c3f9
#77c3f9
rgb(119,195,249)
-
#71c4ff
#71c4ff
rgb(113,196,255)
Color Blindness Simulator
Below, you can see how #7cc2f4 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.