#2ccbff Color Information
In a RGB color space, hex #2ccbff is composed of 17.3% red, 79.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 82.7% cyan, 20.4% magenta, 0% yellow and 0% black. It has a hue angle of 194.8 degrees, a saturation of 100% and a lightness of 58.6%. #2ccbff color hex could be obtained by blending #58ffff with #0097ff. Closest websafe color is: #33ccff.
-
- R 17
- G 80
- B 100
-
- C 83
- M 20
- Y 0
- K 0
● #2ccbff color description : Vivid cyan.
#2ccbff Color Conversion
The hexadecimal color #2ccbff has RGB values of R:44, G:203, B:255 and CMYK values of C:0.83, M:0.2, Y:0, K:0. Its decimal value is 2935807.
Hex triplet | 2ccbff | #2ccbff |
---|---|---|
RGB Decimal | 44, 203, 255 | rgb(44,203,255) |
RGB Percent | 17.3, 79.6, 100 | rgb(17.3%,79.6%,100%) |
CMYK | 83, 20, 0, 0 | |
HSL | 194.8°, 100, 58.6 | hsl(194.8,100%,58.6%) |
HSV (or HSB) | 194.8°, 82.7, 100 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 76.353, -22.01, -36.6 |
---|---|
XYZ | 40.44, 50.464, 102.211 |
xyY | 0.209, 0.261, 50.464 |
CIE-LCH | 76.353, 42.708, 238.978 |
CIE-LUV | 76.353, -50.942, -56.537 |
Hunter-Lab | 71.038, -22.701, -35.582 |
Binary | 00101100, 11001011, 11111111 |
Color Schemes with #2ccbff
Alternatives to #2ccbff
Below, you can see some colors close to #2ccbff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2ccbff Preview
This text has a font color of #2ccbff.
<span style="color:#2ccbff;">Text here</span>
This paragraph has a background color of #2ccbff.
<p style="background-color:#2ccbff;">Content here</p>
This element has a border color of #2ccbff.
<div style="border:1px solid #2ccbff;">Content here</div>
.text {color:#2ccbff;}
.background {background-color:#2ccbff;}
.border {border:1px solid #2ccbff;}
Shades and Tints of #2ccbff
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, #000405 is the darkest color, while #f0fbff is the lightest one.
-
#000405
#000405
rgb(0,4,5)
-
#001218
#001218
rgb(0,18,24)
-
#00212c
#00212c
rgb(0,33,44)
-
#003040
#003040
rgb(0,48,64)
-
#003f53
#003f53
rgb(0,63,83)
-
#004e67
#004e67
rgb(0,78,103)
-
#005c7a
#005c7a
rgb(0,92,122)
-
#006b8e
#006b8e
rgb(0,107,142)
-
#007aa2
#007aa2
rgb(0,122,162)
-
#0089b5
#0089b5
rgb(0,137,181)
-
#0097c9
#0097c9
rgb(0,151,201)
-
#00a6dd
#00a6dd
rgb(0,166,221)
-
#00b5f0
#00b5f0
rgb(0,181,240)
-
#05c1ff
#05c1ff
rgb(5,193,255)
-
#18c6ff
#18c6ff
rgb(24,198,255)
-
#2ccbff
#2ccbff
rgb(44,203,255)
-
#40d0ff
#40d0ff
rgb(64,208,255)
-
#53d5ff
#53d5ff
rgb(83,213,255)
-
#67daff
#67daff
rgb(103,218,255)
-
#7adeff
#7adeff
rgb(122,222,255)
-
#8ee3ff
#8ee3ff
rgb(142,227,255)
-
#a2e8ff
#a2e8ff
rgb(162,232,255)
-
#b5edff
#b5edff
rgb(181,237,255)
-
#c9f2ff
#c9f2ff
rgb(201,242,255)
-
#ddf7ff
#ddf7ff
rgb(221,247,255)
-
#f0fbff
#f0fbff
rgb(240,251,255)
Tones of #2ccbff
A tone is produced by adding gray to any pure hue. In this case, #8d9a9e is the less saturated color, while #2ccbff is the most saturated one.
-
#8d9a9e
#8d9a9e
rgb(141,154,158)
-
#859ea6
#859ea6
rgb(133,158,166)
-
#7da2ae
#7da2ae
rgb(125,162,174)
-
#75a6b6
#75a6b6
rgb(117,166,182)
-
#6daabe
#6daabe
rgb(109,170,190)
-
#65aec6
#65aec6
rgb(101,174,198)
-
#5db2ce
#5db2ce
rgb(93,178,206)
-
#55b6d6
#55b6d6
rgb(85,182,214)
-
#4cbbdf
#4cbbdf
rgb(76,187,223)
-
#44bfe7
#44bfe7
rgb(68,191,231)
-
#3cc3ef
#3cc3ef
rgb(60,195,239)
-
#34c7f7
#34c7f7
rgb(52,199,247)
-
#2ccbff
#2ccbff
rgb(44,203,255)
Color Blindness Simulator
Below, you can see how #2ccbff 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.