#6cccff Color Information
In a RGB color space, hex #6cccff is composed of 42.4% red, 80% green and 100% blue. Whereas in a CMYK color space, it is composed of 57.6% cyan, 20% magenta, 0% yellow and 0% black. It has a hue angle of 200.8 degrees, a saturation of 100% and a lightness of 71.2%. #6cccff color hex could be obtained by blending #d8ffff with #0099ff. Closest websafe color is: #66ccff.
-
- R 42
- G 80
- B 100
-
- C 58
- M 20
- Y 0
- K 0
● #6cccff color description : Very light blue.
#6cccff Color Conversion
The hexadecimal color #6cccff has RGB values of R:108, G:204, B:255 and CMYK values of C:0.58, M:0.2, Y:0, K:0. Its decimal value is 7130367.
Hex triplet | 6cccff | #6cccff |
---|---|---|
RGB Decimal | 108, 204, 255 | rgb(108,204,255) |
RGB Percent | 42.4, 80, 100 | rgb(42.4%,80%,100%) |
CMYK | 58, 20, 0, 0 | |
HSL | 200.8°, 100, 71.2 | hsl(200.8,100%,71.2%) |
HSV (or HSB) | 200.8°, 57.6, 100 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 78.222, -14.073, -33.58 |
---|---|
XYZ | 45.823, 53.591, 102.532 |
xyY | 0.227, 0.265, 53.591 |
CIE-LCH | 78.222, 36.41, 247.262 |
CIE-LUV | 78.222, -40.125, -52.439 |
Hunter-Lab | 73.206, -16.379, -31.797 |
Binary | 01101100, 11001100, 11111111 |
Color Schemes with #6cccff
Alternatives to #6cccff
Below, you can see some colors close to #6cccff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#6cccff Preview
This text has a font color of #6cccff.
<span style="color:#6cccff;">Text here</span>
This paragraph has a background color of #6cccff.
<p style="background-color:#6cccff;">Content here</p>
This element has a border color of #6cccff.
<div style="border:1px solid #6cccff;">Content here</div>
.text {color:#6cccff;}
.background {background-color:#6cccff;}
.border {border:1px solid #6cccff;}
Shades and Tints of #6cccff
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, #00060a is the darkest color, while #f5fcff is the lightest one.
-
#00060a
#00060a
rgb(0,6,10)
-
#00131e
#00131e
rgb(0,19,30)
-
#002031
#002031
rgb(0,32,49)
-
#002d45
#002d45
rgb(0,45,69)
-
#003a58
#003a58
rgb(0,58,88)
-
#00476c
#00476c
rgb(0,71,108)
-
#005380
#005380
rgb(0,83,128)
-
#006093
#006093
rgb(0,96,147)
-
#006da7
#006da7
rgb(0,109,167)
-
#007aba
#007aba
rgb(0,122,186)
-
#0087ce
#0087ce
rgb(0,135,206)
-
#0093e2
#0093e2
rgb(0,147,226)
-
#00a0f5
#00a0f5
rgb(0,160,245)
-
#0aaaff
#0aaaff
rgb(10,170,255)
-
#1eb1ff
#1eb1ff
rgb(30,177,255)
-
#31b8ff
#31b8ff
rgb(49,184,255)
-
#45beff
#45beff
rgb(69,190,255)
-
#58c5ff
#58c5ff
rgb(88,197,255)
-
#6cccff
#6cccff
rgb(108,204,255)
-
#80d3ff
#80d3ff
rgb(128,211,255)
-
#93daff
#93daff
rgb(147,218,255)
-
#a7e0ff
#a7e0ff
rgb(167,224,255)
-
#bae7ff
#bae7ff
rgb(186,231,255)
-
#ceeeff
#ceeeff
rgb(206,238,255)
-
#e2f5ff
#e2f5ff
rgb(226,245,255)
-
#f5fcff
#f5fcff
rgb(245,252,255)
Tones of #6cccff
A tone is produced by adding gray to any pure hue. In this case, #b0b7bb is the less saturated color, while #6cccff is the most saturated one.
-
#b0b7bb
#b0b7bb
rgb(176,183,187)
-
#aab9c1
#aab9c1
rgb(170,185,193)
-
#a5bbc6
#a5bbc6
rgb(165,187,198)
-
#9fbccc
#9fbccc
rgb(159,188,204)
-
#99bed2
#99bed2
rgb(153,190,210)
-
#94c0d7
#94c0d7
rgb(148,192,215)
-
#8ec2dd
#8ec2dd
rgb(142,194,221)
-
#88c3e3
#88c3e3
rgb(136,195,227)
-
#83c5e8
#83c5e8
rgb(131,197,232)
-
#7dc7ee
#7dc7ee
rgb(125,199,238)
-
#77c9f4
#77c9f4
rgb(119,201,244)
-
#72caf9
#72caf9
rgb(114,202,249)
-
#6cccff
#6cccff
rgb(108,204,255)
Color Blindness Simulator
Below, you can see how #6cccff 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.