#3bcccc Color Information
In a RGB color space, hex #3bcccc is composed of 23.1% red, 80% green and 80% blue. Whereas in a CMYK color space, it is composed of 71.1% cyan, 0% magenta, 0% yellow and 20% black. It has a hue angle of 180 degrees, a saturation of 58.7% and a lightness of 51.6%. #3bcccc color hex could be obtained by blending #76ffff with #009999. Closest websafe color is: #33cccc.
-
- R 23
- G 80
- B 80
-
- C 71
- M 0
- Y 0
- K 20
● #3bcccc color description : Moderate cyan.
#3bcccc Color Conversion
The hexadecimal color #3bcccc has RGB values of R:59, G:204, B:204 and CMYK values of C:0.71, M:0, Y:0, K:0.2. Its decimal value is 3919052.
Hex triplet | 3bcccc | #3bcccc |
---|---|---|
RGB Decimal | 59, 204, 204 | rgb(59,204,204) |
RGB Percent | 23.1, 80, 80 | rgb(23.1%,80%,80%) |
CMYK | 71, 0, 0, 20 | |
HSL | 180°, 58.7, 51.6 | hsl(180,58.7%,51.6%) |
HSV (or HSB) | 180°, 71.1, 80 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 75.122, -36.816, -11.012 |
---|---|
XYZ | 34.292, 48.472, 64.672 |
xyY | 0.233, 0.329, 48.472 |
CIE-LCH | 75.122, 38.427, 196.653 |
CIE-LUV | 75.122, -52.995, -11.444 |
Hunter-Lab | 69.622, -33.918, -6.34 |
Binary | 00111011, 11001100, 11001100 |
Color Schemes with #3bcccc
Alternatives to #3bcccc
Below, you can see some colors close to #3bcccc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3bcccc Preview
This text has a font color of #3bcccc.
<span style="color:#3bcccc;">Text here</span>
This paragraph has a background color of #3bcccc.
<p style="background-color:#3bcccc;">Content here</p>
This element has a border color of #3bcccc.
<div style="border:1px solid #3bcccc;">Content here</div>
.text {color:#3bcccc;}
.background {background-color:#3bcccc;}
.border {border:1px solid #3bcccc;}
Shades and Tints of #3bcccc
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, #020606 is the darkest color, while #f6fdfd is the lightest one.
-
#020606
#020606
rgb(2,6,6)
-
#061616
#061616
rgb(6,22,22)
-
#0a2525
#0a2525
rgb(10,37,37)
-
#0e3535
#0e3535
rgb(14,53,53)
-
#124545
#124545
rgb(18,69,69)
-
#165454
#165454
rgb(22,84,84)
-
#1a6464
#1a6464
rgb(26,100,100)
-
#1e7373
#1e7373
rgb(30,115,115)
-
#228383
#228383
rgb(34,131,131)
-
#269292
#269292
rgb(38,146,146)
-
#2aa2a2
#2aa2a2
rgb(42,162,162)
-
#2eb2b2
#2eb2b2
rgb(46,178,178)
-
#32c1c1
#32c1c1
rgb(50,193,193)
-
#3bcccc
#3bcccc
rgb(59,204,204)
-
#4bd0d0
#4bd0d0
rgb(75,208,208)
-
#5ad4d4
#5ad4d4
rgb(90,212,212)
-
#6ad8d8
#6ad8d8
rgb(106,216,216)
-
#79dcdc
#79dcdc
rgb(121,220,220)
-
#89e0e0
#89e0e0
rgb(137,224,224)
-
#98e4e4
#98e4e4
rgb(152,228,228)
-
#a8e8e8
#a8e8e8
rgb(168,232,232)
-
#b8ecec
#b8ecec
rgb(184,236,236)
-
#c7f0f0
#c7f0f0
rgb(199,240,240)
-
#d7f5f5
#d7f5f5
rgb(215,245,245)
-
#e6f9f9
#e6f9f9
rgb(230,249,249)
-
#f6fdfd
#f6fdfd
rgb(246,253,253)
Tones of #3bcccc
A tone is produced by adding gray to any pure hue. In this case, #7e8a8a is the less saturated color, while #0cfcfc is the most saturated one.
-
#7e8a8a
#7e8a8a
rgb(126,138,138)
-
#749393
#749393
rgb(116,147,147)
-
#6b9d9d
#6b9d9d
rgb(107,157,157)
-
#61a6a6
#61a6a6
rgb(97,166,166)
-
#58b0b0
#58b0b0
rgb(88,176,176)
-
#4eb9b9
#4eb9b9
rgb(78,185,185)
-
#45c3c3
#45c3c3
rgb(69,195,195)
-
#3bcccc
#3bcccc
rgb(59,204,204)
-
#32d6d6
#32d6d6
rgb(50,214,214)
-
#28dfdf
#28dfdf
rgb(40,223,223)
-
#1fe9e9
#1fe9e9
rgb(31,233,233)
-
#15f2f2
#15f2f2
rgb(21,242,242)
-
#0cfcfc
#0cfcfc
rgb(12,252,252)
Color Blindness Simulator
Below, you can see how #3bcccc 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.