#7ccaf0 Color Information
In a RGB color space, hex #7ccaf0 is composed of 48.6% red, 79.2% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 48.3% cyan, 15.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 199.7 degrees, a saturation of 79.5% and a lightness of 71.4%. #7ccaf0 color hex could be obtained by blending #f8ffff with #0095e1. Closest websafe color is: #66ccff.
-
- R 49
- G 79
- B 94
-
- C 48
- M 16
- Y 0
- K 6
● #7ccaf0 color description : Soft blue.
#7ccaf0 Color Conversion
The hexadecimal color #7ccaf0 has RGB values of R:124, G:202, B:240 and CMYK values of C:0.48, M:0.16, Y:0, K:0.06. Its decimal value is 8178416.
Hex triplet | 7ccaf0 | #7ccaf0 |
---|---|---|
RGB Decimal | 124, 202, 240 | rgb(124,202,240) |
RGB Percent | 48.6, 79.2, 94.1 | rgb(48.6%,79.2%,94.1%) |
CMYK | 48, 16, 0, 6 | |
HSL | 199.7°, 79.5, 71.4 | hsl(199.7,79.5%,71.4%) |
HSV (or HSB) | 199.7°, 48.3, 94.1 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 77.766, -14.011, -26.205 |
---|---|
XYZ | 45.157, 52.815, 90.248 |
xyY | 0.24, 0.281, 52.815 |
CIE-LCH | 77.766, 29.715, 241.867 |
CIE-LUV | 77.766, -35.218, -39.814 |
Hunter-Lab | 72.674, -16.265, -22.756 |
Binary | 01111100, 11001010, 11110000 |
Color Schemes with #7ccaf0
Alternatives to #7ccaf0
Below, you can see some colors close to #7ccaf0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#7ccaf0 Preview
This text has a font color of #7ccaf0.
<span style="color:#7ccaf0;">Text here</span>
This paragraph has a background color of #7ccaf0.
<p style="background-color:#7ccaf0;">Content here</p>
This element has a border color of #7ccaf0.
<div style="border:1px solid #7ccaf0;">Content here</div>
.text {color:#7ccaf0;}
.background {background-color:#7ccaf0;}
.border {border:1px solid #7ccaf0;}
Shades and Tints of #7ccaf0
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, #01070a is the darkest color, while #f7fcfe is the lightest one.
-
#01070a
#01070a
rgb(1,7,10)
-
#03131b
#03131b
rgb(3,19,27)
-
#05202d
#05202d
rgb(5,32,45)
-
#072c3f
#072c3f
rgb(7,44,63)
-
#093950
#093950
rgb(9,57,80)
-
#0b4562
#0b4562
rgb(11,69,98)
-
#0d5273
#0d5273
rgb(13,82,115)
-
#0f5e85
#0f5e85
rgb(15,94,133)
-
#116b97
#116b97
rgb(17,107,151)
-
#1377a8
#1377a8
rgb(19,119,168)
-
#1584ba
#1584ba
rgb(21,132,186)
-
#1790cb
#1790cb
rgb(23,144,203)
-
#199ddd
#199ddd
rgb(25,157,221)
-
#24a6e6
#24a6e6
rgb(36,166,230)
-
#36aee8
#36aee8
rgb(54,174,232)
-
#47b5ea
#47b5ea
rgb(71,181,234)
-
#59bcec
#59bcec
rgb(89,188,236)
-
#6ac3ee
#6ac3ee
rgb(106,195,238)
-
#7ccaf0
#7ccaf0
rgb(124,202,240)
-
#8ed1f2
#8ed1f2
rgb(142,209,242)
-
#9fd8f4
#9fd8f4
rgb(159,216,244)
-
#b1dff6
#b1dff6
rgb(177,223,246)
-
#c2e6f8
#c2e6f8
rgb(194,230,248)
-
#d4eefa
#d4eefa
rgb(212,238,250)
-
#e6f5fc
#e6f5fc
rgb(230,245,252)
-
#f7fcfe
#f7fcfe
rgb(247,252,254)
Tones of #7ccaf0
A tone is produced by adding gray to any pure hue. In this case, #b4b7b8 is the less saturated color, while #71cefb is the most saturated one.
-
#b4b7b8
#b4b7b8
rgb(180,183,184)
-
#afb9bd
#afb9bd
rgb(175,185,189)
-
#a9bbc3
#a9bbc3
rgb(169,187,195)
-
#a3bcc9
#a3bcc9
rgb(163,188,201)
-
#9ebece
#9ebece
rgb(158,190,206)
-
#98c0d4
#98c0d4
rgb(152,192,212)
-
#92c2da
#92c2da
rgb(146,194,218)
-
#8dc4df
#8dc4df
rgb(141,196,223)
-
#87c6e5
#87c6e5
rgb(135,198,229)
-
#82c8ea
#82c8ea
rgb(130,200,234)
-
#7ccaf0
#7ccaf0
rgb(124,202,240)
-
#76ccf6
#76ccf6
rgb(118,204,246)
-
#71cefb
#71cefb
rgb(113,206,251)
Color Blindness Simulator
Below, you can see how #7ccaf0 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.