#2bccb2 Color Information
In a RGB color space, hex #2bccb2 is composed of 16.9% red, 80% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 78.9% cyan, 0% magenta, 12.7% yellow and 20% black. It has a hue angle of 170.3 degrees, a saturation of 65.2% and a lightness of 48.4%. #2bccb2 color hex could be obtained by blending #56ffff with #009965. Closest websafe color is: #33cc99.
-
- R 17
- G 80
- B 70
-
- C 79
- M 0
- Y 13
- K 20
● #2bccb2 color description : Strong cyan.
#2bccb2 Color Conversion
The hexadecimal color #2bccb2 has RGB values of R:43, G:204, B:178 and CMYK values of C:0.79, M:0, Y:0.13, K:0.2. Its decimal value is 2870450.
| Hex triplet | 2bccb2 | #2bccb2 |
|---|---|---|
| RGB Decimal | 43, 204, 178 | rgb(43,204,178) |
| RGB Percent | 16.9, 80, 69.8 | rgb(16.9%,80%,69.8%) |
| CMYK | 79, 0, 13, 20 | |
| HSL | 170.3°, 65.2, 48.4 | hsl(170.3,65.2%,48.4%) |
| HSV (or HSB) | 170.3°, 78.9, 80 | |
| Web Safe | 33cc99 | #33cc99 |
| CIE-LAB | 74.133, -45.733, 1.557 |
|---|---|
| XYZ | 30.622, 46.911, 49.558 |
| xyY | 0.241, 0.369, 46.911 |
| CIE-LCH | 74.133, 45.759, 178.05 |
| CIE-LUV | 74.133, -56.969, 9.469 |
| Hunter-Lab | 68.491, -40.053, 5.044 |
| Binary | 00101011, 11001100, 10110010 |
Color Schemes with #2bccb2
Alternatives to #2bccb2
Below, you can see some colors close to #2bccb2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2bccb2 Preview
This text has a font color of #2bccb2.
<span style="color:#2bccb2;">Text here</span>
This paragraph has a background color of #2bccb2.
<p style="background-color:#2bccb2;">Content here</p>
This element has a border color of #2bccb2.
<div style="border:1px solid #2bccb2;">Content here</div>
.text {color:#2bccb2;}
.background {background-color:#2bccb2;}
.border {border:1px solid #2bccb2;}
Shades and Tints of #2bccb2
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, #020a08 is the darkest color, while #f8fefd is the lightest one.
-
#020a08
#020a08rgb(2,10,8) -
#051a17
#051a17rgb(5,26,23) -
#092a25
#092a25rgb(9,42,37) -
#0c3a33
#0c3a33rgb(12,58,51) -
#104a41
#104a41rgb(16,74,65) -
#135b4f
#135b4frgb(19,91,79) -
#176b5d
#176b5drgb(23,107,93) -
#1a7b6b
#1a7b6brgb(26,123,107) -
#1d8b79
#1d8b79rgb(29,139,121) -
#219b88
#219b88rgb(33,155,136) -
#24ac96
#24ac96rgb(36,172,150) -
#28bca4
#28bca4rgb(40,188,164) -
#2bccb2
#2bccb2rgb(43,204,178)
-
#36d5bb
#36d5bbrgb(54,213,187) -
#46d8c0
#46d8c0rgb(70,216,192) -
#56dbc6
#56dbc6rgb(86,219,198) -
#67dfcb
#67dfcbrgb(103,223,203) -
#77e2d1
#77e2d1rgb(119,226,209) -
#87e6d6
#87e6d6rgb(135,230,214) -
#97e9dc
#97e9dcrgb(151,233,220) -
#a7ede1
#a7ede1rgb(167,237,225) -
#b8f0e7
#b8f0e7rgb(184,240,231) -
#c8f3ec
#c8f3ecrgb(200,243,236) -
#d8f7f2
#d8f7f2rgb(216,247,242) -
#e8faf7
#e8faf7rgb(232,250,247) -
#f8fefd
#f8fefdrgb(248,254,253)
Tones of #2bccb2
A tone is produced by adding gray to any pure hue. In this case, #77807f is the less saturated color, while #05f2cc is the most saturated one.
-
#77807f
#77807frgb(119,128,127) -
#6e8a85
#6e8a85rgb(110,138,133) -
#64938b
#64938brgb(100,147,139) -
#5b9d92
#5b9d92rgb(91,157,146) -
#51a698
#51a698rgb(81,166,152) -
#48b09f
#48b09frgb(72,176,159) -
#3eb9a5
#3eb9a5rgb(62,185,165) -
#35c3ac
#35c3acrgb(53,195,172) -
#2bccb2
#2bccb2rgb(43,204,178) -
#22d6b8
#22d6b8rgb(34,214,184) -
#18dfbf
#18dfbfrgb(24,223,191) -
#0fe9c5
#0fe9c5rgb(15,233,197) -
#05f2cc
#05f2ccrgb(5,242,204)
Color Blindness Simulator
Below, you can see how #2bccb2 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.
