#6ccff1 Color Information
In a RGB color space, hex #6ccff1 is composed of 42.4% red, 81.2% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 55.2% cyan, 14.1% magenta, 0% yellow and 5.5% black. It has a hue angle of 195.3 degrees, a saturation of 82.6% and a lightness of 68.4%. #6ccff1 color hex could be obtained by blending #d8ffff with #009fe3. Closest websafe color is: #66ccff.
-
- R 42
- G 81
- B 95
-
- C 55
- M 14
- Y 0
- K 5
● #6ccff1 color description : Soft blue.
#6ccff1 Color Conversion
The hexadecimal color #6ccff1 has RGB values of R:108, G:207, B:241 and CMYK values of C:0.55, M:0.14, Y:0, K:0.05. Its decimal value is 7131121.
Hex triplet | 6ccff1 | #6ccff1 |
---|---|---|
RGB Decimal | 108, 207, 241 | rgb(108,207,241) |
RGB Percent | 42.4, 81.2, 94.5 | rgb(42.4%,81.2%,94.5%) |
CMYK | 55, 14, 0, 5 | |
HSL | 195.3°, 82.6, 68.4 | hsl(195.3,82.6%,68.4%) |
HSV (or HSB) | 195.3°, 55.2, 94.5 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 78.556, -19.697, -25.59 |
---|---|
XYZ | 44.37, 54.162, 91.33 |
xyY | 0.234, 0.285, 54.162 |
CIE-LCH | 78.556, 32.293, 232.414 |
CIE-LUV | 78.556, -41.754, -38.051 |
Hunter-Lab | 73.595, -21.173, -22.062 |
Binary | 01101100, 11001111, 11110001 |
Color Schemes with #6ccff1
Alternatives to #6ccff1
Below, you can see some colors close to #6ccff1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#6ccff1 Preview
This text has a font color of #6ccff1.
<span style="color:#6ccff1;">Text here</span>
This paragraph has a background color of #6ccff1.
<p style="background-color:#6ccff1;">Content here</p>
This element has a border color of #6ccff1.
<div style="border:1px solid #6ccff1;">Content here</div>
.text {color:#6ccff1;}
.background {background-color:#6ccff1;}
.border {border:1px solid #6ccff1;}
Shades and Tints of #6ccff1
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, #010b0e is the darkest color, while #fbfeff is the lightest one.
-
#010b0e
#010b0e
rgb(1,11,14)
-
#031920
#031920
rgb(3,25,32)
-
#052632
#052632
rgb(5,38,50)
-
#063444
#063444
rgb(6,52,68)
-
#084256
#084256
rgb(8,66,86)
-
#0a5068
#0a5068
rgb(10,80,104)
-
#0c5e7a
#0c5e7a
rgb(12,94,122)
-
#0d6b8c
#0d6b8c
rgb(13,107,140)
-
#0f799d
#0f799d
rgb(15,121,157)
-
#1187af
#1187af
rgb(17,135,175)
-
#1295c1
#1295c1
rgb(18,149,193)
-
#14a2d3
#14a2d3
rgb(20,162,211)
-
#16b0e5
#16b0e5
rgb(22,176,229)
-
#24b8ea
#24b8ea
rgb(36,184,234)
-
#36bdec
#36bdec
rgb(54,189,236)
-
#48c3ee
#48c3ee
rgb(72,195,238)
-
#5ac9ef
#5ac9ef
rgb(90,201,239)
-
#6ccff1
#6ccff1
rgb(108,207,241)
-
#7ed5f3
#7ed5f3
rgb(126,213,243)
-
#90dbf4
#90dbf4
rgb(144,219,244)
-
#a2e1f6
#a2e1f6
rgb(162,225,246)
-
#b4e6f8
#b4e6f8
rgb(180,230,248)
-
#c6ecfa
#c6ecfa
rgb(198,236,250)
-
#d7f2fb
#d7f2fb
rgb(215,242,251)
-
#e9f8fd
#e9f8fd
rgb(233,248,253)
-
#fbfeff
#fbfeff
rgb(251,254,255)
Tones of #6ccff1
A tone is produced by adding gray to any pure hue. In this case, #aab1b3 is the less saturated color, while #60d5fd is the most saturated one.
-
#aab1b3
#aab1b3
rgb(170,177,179)
-
#a4b4b9
#a4b4b9
rgb(164,180,185)
-
#9eb7bf
#9eb7bf
rgb(158,183,191)
-
#97bac6
#97bac6
rgb(151,186,198)
-
#91bdcc
#91bdcc
rgb(145,189,204)
-
#8bc0d2
#8bc0d2
rgb(139,192,210)
-
#85c3d8
#85c3d8
rgb(133,195,216)
-
#7fc6de
#7fc6de
rgb(127,198,222)
-
#78c9e5
#78c9e5
rgb(120,201,229)
-
#72cceb
#72cceb
rgb(114,204,235)
-
#6ccff1
#6ccff1
rgb(108,207,241)
-
#66d2f7
#66d2f7
rgb(102,210,247)
-
#60d5fd
#60d5fd
rgb(96,213,253)
Color Blindness Simulator
Below, you can see how #6ccff1 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.