#3ccbeb Color Information
In a RGB color space, hex #3ccbeb is composed of 23.5% red, 79.6% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 74.5% cyan, 13.6% magenta, 0% yellow and 7.8% black. It has a hue angle of 191 degrees, a saturation of 81.4% and a lightness of 57.8%. #3ccbeb color hex could be obtained by blending #78ffff with #0097d7. Closest websafe color is: #33ccff.
-
- R 24
- G 80
- B 92
-
- C 74
- M 14
- Y 0
- K 8
● #3ccbeb color description : Bright cyan.
#3ccbeb Color Conversion
The hexadecimal color #3ccbeb has RGB values of R:60, G:203, B:235 and CMYK values of C:0.74, M:0.14, Y:0, K:0.08. Its decimal value is 3984363.
| Hex triplet | 3ccbeb | #3ccbeb |
|---|---|---|
| RGB Decimal | 60, 203, 235 | rgb(60,203,235) |
| RGB Percent | 23.5, 79.6, 92.2 | rgb(23.5%,79.6%,92.2%) |
| CMYK | 74, 14, 0, 8 | |
| HSL | 191°, 81.4, 57.8 | hsl(191,81.4%,57.8%) |
| HSV (or HSB) | 191°, 74.5, 92.2 | |
| Web Safe | 33ccff | #33ccff |
| CIE-LAB | 75.865, -26.946, -26.606 |
|---|---|
| XYZ | 38.211, 49.667, 86.166 |
| xyY | 0.22, 0.285, 49.667 |
| CIE-LCH | 75.865, 37.867, 224.636 |
| CIE-LUV | 75.865, -50.414, -38.692 |
| Hunter-Lab | 70.475, -26.551, -23.158 |
| Binary | 00111100, 11001011, 11101011 |
Color Schemes with #3ccbeb
Alternatives to #3ccbeb
Below, you can see some colors close to #3ccbeb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3ccbeb Preview
This text has a font color of #3ccbeb.
<span style="color:#3ccbeb;">Text here</span>
This paragraph has a background color of #3ccbeb.
<p style="background-color:#3ccbeb;">Content here</p>
This element has a border color of #3ccbeb.
<div style="border:1px solid #3ccbeb;">Content here</div>
.text {color:#3ccbeb;}
.background {background-color:#3ccbeb;}
.border {border:1px solid #3ccbeb;}
Shades and Tints of #3ccbeb
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, #000101 is the darkest color, while #eefafd is the lightest one.
-
#000101
#000101rgb(0,1,1) -
#020f12
#020f12rgb(2,15,18) -
#041e24
#041e24rgb(4,30,36) -
#062d36
#062d36rgb(6,45,54) -
#073c48
#073c48rgb(7,60,72) -
#094b5a
#094b5argb(9,75,90) -
#0b5a6b
#0b5a6brgb(11,90,107) -
#0d697d
#0d697drgb(13,105,125) -
#0f788f
#0f788frgb(15,120,143) -
#1086a1
#1086a1rgb(16,134,161) -
#1295b3
#1295b3rgb(18,149,179) -
#14a4c4
#14a4c4rgb(20,164,196) -
#16b3d6
#16b3d6rgb(22,179,214)
-
#18c2e7
#18c2e7rgb(24,194,231) -
#2ac6e9
#2ac6e9rgb(42,198,233) -
#3ccbeb
#3ccbebrgb(60,203,235) -
#4ed0ed
#4ed0edrgb(78,208,237) -
#60d4ef
#60d4efrgb(96,212,239) -
#71d9f0
#71d9f0rgb(113,217,240) -
#83def2
#83def2rgb(131,222,242) -
#95e3f4
#95e3f4rgb(149,227,244) -
#a7e7f6
#a7e7f6rgb(167,231,246) -
#b9ecf8
#b9ecf8rgb(185,236,248) -
#caf1fa
#caf1fargb(202,241,250) -
#dcf6fb
#dcf6fbrgb(220,246,251) -
#eefafd
#eefafdrgb(238,250,253)
Tones of #3ccbeb
A tone is produced by adding gray to any pure hue. In this case, #8f9798 is the less saturated color, while #2bd5fc is the most saturated one.
-
#8f9798
#8f9798rgb(143,151,152) -
#869ca1
#869ca1rgb(134,156,161) -
#7ea1a9
#7ea1a9rgb(126,161,169) -
#76a6b1
#76a6b1rgb(118,166,177) -
#6eacb9
#6eacb9rgb(110,172,185) -
#65b1c2
#65b1c2rgb(101,177,194) -
#5db6ca
#5db6cargb(93,182,202) -
#55bbd2
#55bbd2rgb(85,187,210) -
#4dc1da
#4dc1dargb(77,193,218) -
#44c6e3
#44c6e3rgb(68,198,227) -
#3ccbeb
#3ccbebrgb(60,203,235) -
#34d0f3
#34d0f3rgb(52,208,243) -
#2bd5fc
#2bd5fcrgb(43,213,252)
Color Blindness Simulator
Below, you can see how #3ccbeb 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.
