#06ccff Color Information
In a RGB color space, hex #06ccff is composed of 2.4% red, 80% green and 100% blue. Whereas in a CMYK color space, it is composed of 97.6% cyan, 20% magenta, 0% yellow and 0% black. It has a hue angle of 192.3 degrees, a saturation of 100% and a lightness of 51.2%. #06ccff color hex could be obtained by blending #0cffff with #0099ff. Closest websafe color is: #00ccff.
-
- R 2
- G 80
- B 100
-
- C 98
- M 20
- Y 0
- K 0
● #06ccff color description : Vivid cyan.
#06ccff Color Conversion
The hexadecimal color #06ccff has RGB values of R:6, G:204, B:255 and CMYK values of C:0.98, M:0.2, Y:0, K:0. Its decimal value is 445695.
Hex triplet | 06ccff | #06ccff |
---|---|---|
RGB Decimal | 6, 204, 255 | rgb(6,204,255) |
RGB Percent | 2.4, 80, 100 | rgb(2.4%,80%,100%) |
CMYK | 98, 20, 0, 0 | |
HSL | 192.3°, 100, 51.2 | hsl(192.3,100%,51.2%) |
HSV (or HSB) | 192.3°, 97.6, 100 | |
Web Safe | 00ccff | #00ccff |
CIE-LAB | 76.339, -24.216, -36.645 |
---|---|
XYZ | 39.713, 50.44, 102.245 |
xyY | 0.206, 0.262, 50.44 |
CIE-LCH | 76.339, 43.924, 236.543 |
CIE-LUV | 76.339, -53.42, -56.353 |
Hunter-Lab | 71.021, -24.476, -35.641 |
Binary | 00000110, 11001100, 11111111 |
Color Schemes with #06ccff
Alternatives to #06ccff
Below, you can see some colors close to #06ccff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#06ccff Preview
This text has a font color of #06ccff.
<span style="color:#06ccff;">Text here</span>
This paragraph has a background color of #06ccff.
<p style="background-color:#06ccff;">Content here</p>
This element has a border color of #06ccff.
<div style="border:1px solid #06ccff;">Content here</div>
.text {color:#06ccff;}
.background {background-color:#06ccff;}
.border {border:1px solid #06ccff;}
Shades and Tints of #06ccff
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, #000506 is the darkest color, while #f1fcff is the lightest one.
-
#000506
#000506
rgb(0,5,6)
-
#00141a
#00141a
rgb(0,20,26)
-
#00242d
#00242d
rgb(0,36,45)
-
#003441
#003441
rgb(0,52,65)
-
#004354
#004354
rgb(0,67,84)
-
#005368
#005368
rgb(0,83,104)
-
#00627c
#00627c
rgb(0,98,124)
-
#00728f
#00728f
rgb(0,114,143)
-
#0082a3
#0082a3
rgb(0,130,163)
-
#0091b7
#0091b7
rgb(0,145,183)
-
#00a1ca
#00a1ca
rgb(0,161,202)
-
#00b0de
#00b0de
rgb(0,176,222)
-
#00c0f1
#00c0f1
rgb(0,192,241)
-
#06ccff
#06ccff
rgb(6,204,255)
-
#1ad0ff
#1ad0ff
rgb(26,208,255)
-
#2dd4ff
#2dd4ff
rgb(45,212,255)
-
#41d8ff
#41d8ff
rgb(65,216,255)
-
#54dcff
#54dcff
rgb(84,220,255)
-
#68e0ff
#68e0ff
rgb(104,224,255)
-
#7ce4ff
#7ce4ff
rgb(124,228,255)
-
#8fe8ff
#8fe8ff
rgb(143,232,255)
-
#a3ecff
#a3ecff
rgb(163,236,255)
-
#b7f0ff
#b7f0ff
rgb(183,240,255)
-
#caf4ff
#caf4ff
rgb(202,244,255)
-
#def8ff
#def8ff
rgb(222,248,255)
-
#f1fcff
#f1fcff
rgb(241,252,255)
Tones of #06ccff
A tone is produced by adding gray to any pure hue. In this case, #79888c is the less saturated color, while #06ccff is the most saturated one.
-
#79888c
#79888c
rgb(121,136,140)
-
#6f8e96
#6f8e96
rgb(111,142,150)
-
#66939f
#66939f
rgb(102,147,159)
-
#5c99a9
#5c99a9
rgb(92,153,169)
-
#539fb2
#539fb2
rgb(83,159,178)
-
#49a4bc
#49a4bc
rgb(73,164,188)
-
#3faac6
#3faac6
rgb(63,170,198)
-
#36b0cf
#36b0cf
rgb(54,176,207)
-
#2cb5d9
#2cb5d9
rgb(44,181,217)
-
#23bbe2
#23bbe2
rgb(35,187,226)
-
#19c1ec
#19c1ec
rgb(25,193,236)
-
#10c6f5
#10c6f5
rgb(16,198,245)
-
#06ccff
#06ccff
rgb(6,204,255)
Color Blindness Simulator
Below, you can see how #06ccff 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.