#2bccbb Color Information
In a RGB color space, hex #2bccbb is composed of 16.9% red, 80% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 78.9% cyan, 0% magenta, 8.3% yellow and 20% black. It has a hue angle of 173.7 degrees, a saturation of 65.2% and a lightness of 48.4%. #2bccbb color hex could be obtained by blending #56ffff with #009977. Closest websafe color is: #33cccc.
-
- R 17
- G 80
- B 73
-
- C 79
- M 0
- Y 8
- K 20
● #2bccbb color description : Strong cyan.
#2bccbb Color Conversion
The hexadecimal color #2bccbb has RGB values of R:43, G:204, B:187 and CMYK values of C:0.79, M:0, Y:0.08, K:0.2. Its decimal value is 2870459.
Hex triplet | 2bccbb | #2bccbb |
---|---|---|
RGB Decimal | 43, 204, 187 | rgb(43,204,187) |
RGB Percent | 16.9, 80, 73.3 | rgb(16.9%,80%,73.3%) |
CMYK | 79, 0, 8, 20 | |
HSL | 173.7°, 65.2, 48.4 | hsl(173.7,65.2%,48.4%) |
HSV (or HSB) | 173.7°, 78.9, 80 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 74.371, -43.312, -2.96 |
---|---|
XYZ | 31.556, 47.284, 54.475 |
xyY | 0.237, 0.355, 47.284 |
CIE-LCH | 74.371, 43.413, 183.91 |
CIE-LUV | 74.371, -56.317, 2.211 |
Hunter-Lab | 68.763, -38.422, 1.165 |
Binary | 00101011, 11001100, 10111011 |
Color Schemes with #2bccbb
Alternatives to #2bccbb
Below, you can see some colors close to #2bccbb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2bccbb Preview
This text has a font color of #2bccbb.
<span style="color:#2bccbb;">Text here</span>
This paragraph has a background color of #2bccbb.
<p style="background-color:#2bccbb;">Content here</p>
This element has a border color of #2bccbb.
<div style="border:1px solid #2bccbb;">Content here</div>
.text {color:#2bccbb;}
.background {background-color:#2bccbb;}
.border {border:1px solid #2bccbb;}
Shades and Tints of #2bccbb
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
#020a09
rgb(2,10,9)
-
#051a18
#051a18
rgb(5,26,24)
-
#092a26
#092a26
rgb(9,42,38)
-
#0c3a35
#0c3a35
rgb(12,58,53)
-
#104a44
#104a44
rgb(16,74,68)
-
#135b53
#135b53
rgb(19,91,83)
-
#176b62
#176b62
rgb(23,107,98)
-
#1a7b71
#1a7b71
rgb(26,123,113)
-
#1d8b80
#1d8b80
rgb(29,139,128)
-
#219b8e
#219b8e
rgb(33,155,142)
-
#24ac9d
#24ac9d
rgb(36,172,157)
-
#28bcac
#28bcac
rgb(40,188,172)
-
#2bccbb
#2bccbb
rgb(43,204,187)
-
#36d5c4
#36d5c4
rgb(54,213,196)
-
#46d8c9
#46d8c9
rgb(70,216,201)
-
#56dbcd
#56dbcd
rgb(86,219,205)
-
#67dfd2
#67dfd2
rgb(103,223,210)
-
#77e2d7
#77e2d7
rgb(119,226,215)
-
#87e6dc
#87e6dc
rgb(135,230,220)
-
#97e9e0
#97e9e0
rgb(151,233,224)
-
#a7ede5
#a7ede5
rgb(167,237,229)
-
#b8f0ea
#b8f0ea
rgb(184,240,234)
-
#c8f3ef
#c8f3ef
rgb(200,243,239)
-
#d8f7f4
#d8f7f4
rgb(216,247,244)
-
#e8faf8
#e8faf8
rgb(232,250,248)
-
#f8fefd
#f8fefd
rgb(248,254,253)
Tones of #2bccbb
A tone is produced by adding gray to any pure hue. In this case, #77807f is the less saturated color, while #05f2d9 is the most saturated one.
-
#77807f
#77807f
rgb(119,128,127)
-
#6e8a87
#6e8a87
rgb(110,138,135)
-
#64938e
#64938e
rgb(100,147,142)
-
#5b9d96
#5b9d96
rgb(91,157,150)
-
#51a69d
#51a69d
rgb(81,166,157)
-
#48b0a5
#48b0a5
rgb(72,176,165)
-
#3eb9ac
#3eb9ac
rgb(62,185,172)
-
#35c3b4
#35c3b4
rgb(53,195,180)
-
#2bccbb
#2bccbb
rgb(43,204,187)
-
#22d6c2
#22d6c2
rgb(34,214,194)
-
#18dfca
#18dfca
rgb(24,223,202)
-
#0fe9d1
#0fe9d1
rgb(15,233,209)
-
#05f2d9
#05f2d9
rgb(5,242,217)
Color Blindness Simulator
Below, you can see how #2bccbb 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.