#2bccbd Color Information
In a RGB color space, hex #2bccbd is composed of 16.9% red, 80% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 78.9% cyan, 0% magenta, 7.4% yellow and 20% black. It has a hue angle of 174.4 degrees, a saturation of 65.2% and a lightness of 48.4%. #2bccbd color hex could be obtained by blending #56ffff with #00997b. Closest websafe color is: #33cccc.
-
- R 17
- G 80
- B 74
-
- C 79
- M 0
- Y 7
- K 20
● #2bccbd color description : Strong cyan.
#2bccbd Color Conversion
The hexadecimal color #2bccbd has RGB values of R:43, G:204, B:189 and CMYK values of C:0.79, M:0, Y:0.07, K:0.2. Its decimal value is 2870461.
Hex triplet | 2bccbd | #2bccbd |
---|---|---|
RGB Decimal | 43, 204, 189 | rgb(43,204,189) |
RGB Percent | 16.9, 80, 74.1 | rgb(16.9%,80%,74.1%) |
CMYK | 79, 0, 7, 20 | |
HSL | 174.4°, 65.2, 48.4 | hsl(174.4,65.2%,48.4%) |
HSV (or HSB) | 174.4°, 78.9, 80 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 74.426, -42.762, -3.961 |
---|---|
XYZ | 31.771, 47.37, 55.61 |
xyY | 0.236, 0.352, 47.37 |
CIE-LCH | 74.426, 42.945, 185.292 |
CIE-LUV | 74.426, -56.171, 0.576 |
Hunter-Lab | 68.826, -38.047, 0.273 |
Binary | 00101011, 11001100, 10111101 |
Color Schemes with #2bccbd
Alternatives to #2bccbd
Below, you can see some colors close to #2bccbd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2bccbd Preview
This text has a font color of #2bccbd.
<span style="color:#2bccbd;">Text here</span>
This paragraph has a background color of #2bccbd.
<p style="background-color:#2bccbd;">Content here</p>
This element has a border color of #2bccbd.
<div style="border:1px solid #2bccbd;">Content here</div>
.text {color:#2bccbd;}
.background {background-color:#2bccbd;}
.border {border:1px solid #2bccbd;}
Shades and Tints of #2bccbd
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)
-
#092a27
#092a27
rgb(9,42,39)
-
#0c3a36
#0c3a36
rgb(12,58,54)
-
#104a45
#104a45
rgb(16,74,69)
-
#135b54
#135b54
rgb(19,91,84)
-
#176b63
#176b63
rgb(23,107,99)
-
#1a7b72
#1a7b72
rgb(26,123,114)
-
#1d8b81
#1d8b81
rgb(29,139,129)
-
#219b90
#219b90
rgb(33,155,144)
-
#24ac9f
#24ac9f
rgb(36,172,159)
-
#28bcae
#28bcae
rgb(40,188,174)
-
#2bccbd
#2bccbd
rgb(43,204,189)
-
#36d5c6
#36d5c6
rgb(54,213,198)
-
#46d8ca
#46d8ca
rgb(70,216,202)
-
#56dbcf
#56dbcf
rgb(86,219,207)
-
#67dfd4
#67dfd4
rgb(103,223,212)
-
#77e2d8
#77e2d8
rgb(119,226,216)
-
#87e6dd
#87e6dd
rgb(135,230,221)
-
#97e9e1
#97e9e1
rgb(151,233,225)
-
#a7ede6
#a7ede6
rgb(167,237,230)
-
#b8f0eb
#b8f0eb
rgb(184,240,235)
-
#c8f3ef
#c8f3ef
rgb(200,243,239)
-
#d8f7f4
#d8f7f4
rgb(216,247,244)
-
#e8faf9
#e8faf9
rgb(232,250,249)
-
#f8fefd
#f8fefd
rgb(248,254,253)
Tones of #2bccbd
A tone is produced by adding gray to any pure hue. In this case, #77807f is the less saturated color, while #05f2dc is the most saturated one.
-
#77807f
#77807f
rgb(119,128,127)
-
#6e8a87
#6e8a87
rgb(110,138,135)
-
#64938f
#64938f
rgb(100,147,143)
-
#5b9d96
#5b9d96
rgb(91,157,150)
-
#51a69e
#51a69e
rgb(81,166,158)
-
#48b0a6
#48b0a6
rgb(72,176,166)
-
#3eb9ae
#3eb9ae
rgb(62,185,174)
-
#35c3b5
#35c3b5
rgb(53,195,181)
-
#2bccbd
#2bccbd
rgb(43,204,189)
-
#22d6c5
#22d6c5
rgb(34,214,197)
-
#18dfcc
#18dfcc
rgb(24,223,204)
-
#0fe9d4
#0fe9d4
rgb(15,233,212)
-
#05f2dc
#05f2dc
rgb(5,242,220)
Color Blindness Simulator
Below, you can see how #2bccbd 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.