#3bbccc Color Information
In a RGB color space, hex #3bbccc is composed of 23.1% red, 73.7% green and 80% blue. Whereas in a CMYK color space, it is composed of 71.1% cyan, 7.8% magenta, 0% yellow and 20% black. It has a hue angle of 186.6 degrees, a saturation of 58.7% and a lightness of 51.6%. #3bbccc color hex could be obtained by blending #76ffff with #007999. Closest websafe color is: #33cccc.
-
- R 23
- G 74
- B 80
-
- C 71
- M 8
- Y 0
- K 20
● #3bbccc color description : Moderate cyan.
#3bbccc Color Conversion
The hexadecimal color #3bbccc has RGB values of R:59, G:188, B:204 and CMYK values of C:0.71, M:0.08, Y:0, K:0.2. Its decimal value is 3914956.
Hex triplet | 3bbccc | #3bbccc |
---|---|---|
RGB Decimal | 59, 188, 204 | rgb(59,188,204) |
RGB Percent | 23.1, 73.7, 80 | rgb(23.1%,73.7%,80%) |
CMYK | 71, 8, 0, 20 | |
HSL | 186.6°, 58.7, 51.6 | hsl(186.6,58.7%,51.6%) |
HSV (or HSB) | 186.6°, 71.1, 80 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 70.353, -29.215, -18.185 |
---|---|
XYZ | 30.683, 41.253, 63.469 |
xyY | 0.227, 0.305, 41.253 |
CIE-LCH | 70.353, 34.412, 211.901 |
CIE-LUV | 70.353, -47.295, -24.034 |
Hunter-Lab | 64.229, -27.128, -13.629 |
Binary | 00111011, 10111100, 11001100 |
Color Schemes with #3bbccc
Alternatives to #3bbccc
Below, you can see some colors close to #3bbccc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3bbccc Preview
This text has a font color of #3bbccc.
<span style="color:#3bbccc;">Text here</span>
This paragraph has a background color of #3bbccc.
<p style="background-color:#3bbccc;">Content here</p>
This element has a border color of #3bbccc.
<div style="border:1px solid #3bbccc;">Content here</div>
.text {color:#3bbccc;}
.background {background-color:#3bbccc;}
.border {border:1px solid #3bbccc;}
Shades and Tints of #3bbccc
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 #f6fcfd is the lightest one.
-
#020606
#020606
rgb(2,6,6)
-
#061416
#061416
rgb(6,20,22)
-
#0a2225
#0a2225
rgb(10,34,37)
-
#0e3135
#0e3135
rgb(14,49,53)
-
#123f45
#123f45
rgb(18,63,69)
-
#164d54
#164d54
rgb(22,77,84)
-
#1a5c64
#1a5c64
rgb(26,92,100)
-
#1e6a73
#1e6a73
rgb(30,106,115)
-
#227883
#227883
rgb(34,120,131)
-
#268692
#268692
rgb(38,134,146)
-
#2a95a2
#2a95a2
rgb(42,149,162)
-
#2ea3b2
#2ea3b2
rgb(46,163,178)
-
#32b1c1
#32b1c1
rgb(50,177,193)
-
#3bbccc
#3bbccc
rgb(59,188,204)
-
#4bc1d0
#4bc1d0
rgb(75,193,208)
-
#5ac7d4
#5ac7d4
rgb(90,199,212)
-
#6accd8
#6accd8
rgb(106,204,216)
-
#79d1dc
#79d1dc
rgb(121,209,220)
-
#89d7e0
#89d7e0
rgb(137,215,224)
-
#98dce4
#98dce4
rgb(152,220,228)
-
#a8e1e8
#a8e1e8
rgb(168,225,232)
-
#b8e7ec
#b8e7ec
rgb(184,231,236)
-
#c7ecf0
#c7ecf0
rgb(199,236,240)
-
#d7f1f5
#d7f1f5
rgb(215,241,245)
-
#e6f7f9
#e6f7f9
rgb(230,247,249)
-
#f6fcfd
#f6fcfd
rgb(246,252,253)
Tones of #3bbccc
A tone is produced by adding gray to any pure hue. In this case, #7e888a is the less saturated color, while #0ce1fc is the most saturated one.
-
#7e888a
#7e888a
rgb(126,136,138)
-
#749093
#749093
rgb(116,144,147)
-
#6b979d
#6b979d
rgb(107,151,157)
-
#619ea6
#619ea6
rgb(97,158,166)
-
#58a6b0
#58a6b0
rgb(88,166,176)
-
#4eadb9
#4eadb9
rgb(78,173,185)
-
#45b5c3
#45b5c3
rgb(69,181,195)
-
#3bbccc
#3bbccc
rgb(59,188,204)
-
#32c3d6
#32c3d6
rgb(50,195,214)
-
#28cbdf
#28cbdf
rgb(40,203,223)
-
#1fd2e9
#1fd2e9
rgb(31,210,233)
-
#15daf2
#15daf2
rgb(21,218,242)
-
#0ce1fc
#0ce1fc
rgb(12,225,252)
Color Blindness Simulator
Below, you can see how #3bbccc 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.