#1bccff Color Information
In a RGB color space, hex #1bccff is composed of 10.6% red, 80% green and 100% blue. Whereas in a CMYK color space, it is composed of 89.4% cyan, 20% magenta, 0% yellow and 0% black. It has a hue angle of 193.4 degrees, a saturation of 100% and a lightness of 55.3%. #1bccff color hex could be obtained by blending #36ffff with #0099ff. Closest websafe color is: #33ccff.
-
- R 11
- G 80
- B 100
-
- C 89
- M 20
- Y 0
- K 0
● #1bccff color description : Vivid cyan.
#1bccff Color Conversion
The hexadecimal color #1bccff has RGB values of R:27, G:204, B:255 and CMYK values of C:0.89, M:0.2, Y:0, K:0. Its decimal value is 1821951.
Hex triplet | 1bccff | #1bccff |
---|---|---|
RGB Decimal | 27, 204, 255 | rgb(27,204,255) |
RGB Percent | 10.6, 80, 100 | rgb(10.6%,80%,100%) |
CMYK | 89, 20, 0, 0 | |
HSL | 193.4°, 100, 55.3 | hsl(193.4,100%,55.3%) |
HSV (or HSB) | 193.4°, 89.4, 100 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 76.457, -23.547, -36.452 |
---|---|
XYZ | 40.09, 50.635, 102.263 |
xyY | 0.208, 0.262, 50.635 |
CIE-LCH | 76.457, 43.397, 237.138 |
CIE-LUV | 76.457, -52.581, -56.106 |
Hunter-Lab | 71.158, -23.961, -35.396 |
Binary | 00011011, 11001100, 11111111 |
Color Schemes with #1bccff
Alternatives to #1bccff
Below, you can see some colors close to #1bccff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#1bccff Preview
This text has a font color of #1bccff.
<span style="color:#1bccff;">Text here</span>
This paragraph has a background color of #1bccff.
<p style="background-color:#1bccff;">Content here</p>
This element has a border color of #1bccff.
<div style="border:1px solid #1bccff;">Content here</div>
.text {color:#1bccff;}
.background {background-color:#1bccff;}
.border {border:1px solid #1bccff;}
Shades and Tints of #1bccff
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, #000607 is the darkest color, while #f3fcff is the lightest one.
-
#000607
#000607
rgb(0,6,7)
-
#00151b
#00151b
rgb(0,21,27)
-
#00242f
#00242f
rgb(0,36,47)
-
#003342
#003342
rgb(0,51,66)
-
#004356
#004356
rgb(0,67,86)
-
#005269
#005269
rgb(0,82,105)
-
#00617d
#00617d
rgb(0,97,125)
-
#007091
#007091
rgb(0,112,145)
-
#0080a4
#0080a4
rgb(0,128,164)
-
#008fb8
#008fb8
rgb(0,143,184)
-
#009ecc
#009ecc
rgb(0,158,204)
-
#00addf
#00addf
rgb(0,173,223)
-
#00bcf3
#00bcf3
rgb(0,188,243)
-
#07c8ff
#07c8ff
rgb(7,200,255)
-
#1bccff
#1bccff
rgb(27,204,255)
-
#2fd0ff
#2fd0ff
rgb(47,208,255)
-
#42d5ff
#42d5ff
rgb(66,213,255)
-
#56d9ff
#56d9ff
rgb(86,217,255)
-
#69deff
#69deff
rgb(105,222,255)
-
#7de2ff
#7de2ff
rgb(125,226,255)
-
#91e6ff
#91e6ff
rgb(145,230,255)
-
#a4ebff
#a4ebff
rgb(164,235,255)
-
#b8efff
#b8efff
rgb(184,239,255)
-
#ccf3ff
#ccf3ff
rgb(204,243,255)
-
#dff8ff
#dff8ff
rgb(223,248,255)
-
#f3fcff
#f3fcff
rgb(243,252,255)
Tones of #1bccff
A tone is produced by adding gray to any pure hue. In this case, #849296 is the less saturated color, while #1bccff is the most saturated one.
-
#849296
#849296
rgb(132,146,150)
-
#7b979f
#7b979f
rgb(123,151,159)
-
#739ca7
#739ca7
rgb(115,156,167)
-
#6aa0b0
#6aa0b0
rgb(106,160,176)
-
#61a5b9
#61a5b9
rgb(97,165,185)
-
#58aac2
#58aac2
rgb(88,170,194)
-
#50afca
#50afca
rgb(80,175,202)
-
#47b4d3
#47b4d3
rgb(71,180,211)
-
#3eb9dc
#3eb9dc
rgb(62,185,220)
-
#35bde5
#35bde5
rgb(53,189,229)
-
#2dc2ed
#2dc2ed
rgb(45,194,237)
-
#24c7f6
#24c7f6
rgb(36,199,246)
-
#1bccff
#1bccff
rgb(27,204,255)
Color Blindness Simulator
Below, you can see how #1bccff 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.