#2bccb5 Color Information
In a RGB color space, hex #2bccb5 is composed of 16.9% red, 80% green and 71% blue. Whereas in a CMYK color space, it is composed of 78.9% cyan, 0% magenta, 11.3% yellow and 20% black. It has a hue angle of 171.4 degrees, a saturation of 65.2% and a lightness of 48.4%. #2bccb5 color hex could be obtained by blending #56ffff with #00996b. Closest websafe color is: #33cccc.
-
- R 17
- G 80
- B 71
-
- C 79
- M 0
- Y 11
- K 20
● #2bccb5 color description : Strong cyan.
#2bccb5 Color Conversion
The hexadecimal color #2bccb5 has RGB values of R:43, G:204, B:181 and CMYK values of C:0.79, M:0, Y:0.11, K:0.2. Its decimal value is 2870453.
| Hex triplet | 2bccb5 | #2bccb5 |
|---|---|---|
| RGB Decimal | 43, 204, 181 | rgb(43,204,181) |
| RGB Percent | 16.9, 80, 71 | rgb(16.9%,80%,71%) |
| CMYK | 79, 0, 11, 20 | |
| HSL | 171.4°, 65.2, 48.4 | hsl(171.4,65.2%,48.4%) |
| HSV (or HSB) | 171.4°, 78.9, 80 | |
| Web Safe | 33cccc | #33cccc |
| CIE-LAB | 74.211, -44.936, 0.049 |
|---|---|
| XYZ | 30.927, 47.032, 51.162 |
| xyY | 0.24, 0.364, 47.032 |
| CIE-LCH | 74.211, 44.936, 179.937 |
| CIE-LUV | 74.211, -56.753, 7.069 |
| Hunter-Lab | 68.58, -39.519, 3.775 |
| Binary | 00101011, 11001100, 10110101 |
Color Schemes with #2bccb5
Alternatives to #2bccb5
Below, you can see some colors close to #2bccb5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2bccb5 Preview
This text has a font color of #2bccb5.
<span style="color:#2bccb5;">Text here</span>
This paragraph has a background color of #2bccb5.
<p style="background-color:#2bccb5;">Content here</p>
This element has a border color of #2bccb5.
<div style="border:1px solid #2bccb5;">Content here</div>
.text {color:#2bccb5;}
.background {background-color:#2bccb5;}
.border {border:1px solid #2bccb5;}
Shades and Tints of #2bccb5
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, #020a09 is the darkest color, while #f8fefd is the lightest one.
-
#020a09
#020a09rgb(2,10,9) -
#051a17
#051a17rgb(5,26,23) -
#092a25
#092a25rgb(9,42,37) -
#0c3a34
#0c3a34rgb(12,58,52) -
#104a42
#104a42rgb(16,74,66) -
#135b50
#135b50rgb(19,91,80) -
#176b5f
#176b5frgb(23,107,95) -
#1a7b6d
#1a7b6drgb(26,123,109) -
#1d8b7c
#1d8b7crgb(29,139,124) -
#219b8a
#219b8argb(33,155,138) -
#24ac98
#24ac98rgb(36,172,152) -
#28bca7
#28bca7rgb(40,188,167) -
#2bccb5
#2bccb5rgb(43,204,181)
-
#36d5be
#36d5bergb(54,213,190) -
#46d8c3
#46d8c3rgb(70,216,195) -
#56dbc8
#56dbc8rgb(86,219,200) -
#67dfce
#67dfcergb(103,223,206) -
#77e2d3
#77e2d3rgb(119,226,211) -
#87e6d8
#87e6d8rgb(135,230,216) -
#97e9dd
#97e9ddrgb(151,233,221) -
#a7ede3
#a7ede3rgb(167,237,227) -
#b8f0e8
#b8f0e8rgb(184,240,232) -
#c8f3ed
#c8f3edrgb(200,243,237) -
#d8f7f2
#d8f7f2rgb(216,247,242) -
#e8faf8
#e8faf8rgb(232,250,248) -
#f8fefd
#f8fefdrgb(248,254,253)
Tones of #2bccb5
A tone is produced by adding gray to any pure hue. In this case, #77807f is the less saturated color, while #05f2d0 is the most saturated one.
-
#77807f
#77807frgb(119,128,127) -
#6e8a86
#6e8a86rgb(110,138,134) -
#64938c
#64938crgb(100,147,140) -
#5b9d93
#5b9d93rgb(91,157,147) -
#51a69a
#51a69argb(81,166,154) -
#48b0a1
#48b0a1rgb(72,176,161) -
#3eb9a7
#3eb9a7rgb(62,185,167) -
#35c3ae
#35c3aergb(53,195,174) -
#2bccb5
#2bccb5rgb(43,204,181) -
#22d6bc
#22d6bcrgb(34,214,188) -
#18dfc3
#18dfc3rgb(24,223,195) -
#0fe9c9
#0fe9c9rgb(15,233,201) -
#05f2d0
#05f2d0rgb(5,242,208)
Color Blindness Simulator
Below, you can see how #2bccb5 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.
