#2cb3dd Color Information
In a RGB color space, hex #2cb3dd is composed of 17.3% red, 70.2% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 80.1% cyan, 19% magenta, 0% yellow and 13.3% black. It has a hue angle of 194.2 degrees, a saturation of 72.2% and a lightness of 52%. #2cb3dd color hex could be obtained by blending #58ffff with #0067bb. Closest websafe color is: #33cccc.
-
- R 17
- G 70
- B 87
-
- C 80
- M 19
- Y 0
- K 13
● #2cb3dd color description : Bright cyan.
#2cb3dd Color Conversion
The hexadecimal color #2cb3dd has RGB values of R:44, G:179, B:221 and CMYK values of C:0.8, M:0.19, Y:0, K:0.13. Its decimal value is 2929629.
Hex triplet | 2cb3dd | #2cb3dd |
---|---|---|
RGB Decimal | 44, 179, 221 | rgb(44,179,221) |
RGB Percent | 17.3, 70.2, 86.7 | rgb(17.3%,70.2%,86.7%) |
CMYK | 80, 19, 0, 13 | |
HSL | 194.2°, 72.2, 52 | hsl(194.2,72.2%,52%) |
HSV (or HSB) | 194.2°, 80.1, 86.7 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 68.016, -20.925, -31.101 |
---|---|
XYZ | 30.206, 37.993, 74.144 |
xyY | 0.212, 0.267, 37.993 |
CIE-LCH | 68.016, 37.485, 236.067 |
CIE-LUV | 68.016, -45.047, -46.53 |
Hunter-Lab | 61.639, -20.393, -28.172 |
Binary | 00101100, 10110011, 11011101 |
Color Schemes with #2cb3dd
Alternatives to #2cb3dd
Below, you can see some colors close to #2cb3dd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2cb3dd Preview
This text has a font color of #2cb3dd.
<span style="color:#2cb3dd;">Text here</span>
This paragraph has a background color of #2cb3dd.
<p style="background-color:#2cb3dd;">Content here</p>
This element has a border color of #2cb3dd.
<div style="border:1px solid #2cb3dd;">Content here</div>
.text {color:#2cb3dd;}
.background {background-color:#2cb3dd;}
.border {border:1px solid #2cb3dd;}
Shades and Tints of #2cb3dd
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, #010709 is the darkest color, while #f7fcfe is the lightest one.
-
#010709
#010709
rgb(1,7,9)
-
#04141a
#04141a
rgb(4,20,26)
-
#07222a
#07222a
rgb(7,34,42)
-
#0a2f3b
#0a2f3b
rgb(10,47,59)
-
#0c3d4c
#0c3d4c
rgb(12,61,76)
-
#0f4b5d
#0f4b5d
rgb(15,75,93)
-
#12586e
#12586e
rgb(18,88,110)
-
#14667f
#14667f
rgb(20,102,127)
-
#177390
#177390
rgb(23,115,144)
-
#1a81a1
#1a81a1
rgb(26,129,161)
-
#1d8eb2
#1d8eb2
rgb(29,142,178)
-
#1f9cc2
#1f9cc2
rgb(31,156,194)
-
#22a9d3
#22a9d3
rgb(34,169,211)
-
#2cb3dd
#2cb3dd
rgb(44,179,221)
-
#3db9e0
#3db9e0
rgb(61,185,224)
-
#4ebfe2
#4ebfe2
rgb(78,191,226)
-
#5fc5e5
#5fc5e5
rgb(95,197,229)
-
#70cbe8
#70cbe8
rgb(112,203,232)
-
#80d1eb
#80d1eb
rgb(128,209,235)
-
#91d8ed
#91d8ed
rgb(145,216,237)
-
#a2def0
#a2def0
rgb(162,222,240)
-
#b3e4f3
#b3e4f3
rgb(179,228,243)
-
#c4eaf5
#c4eaf5
rgb(196,234,245)
-
#d5f0f8
#d5f0f8
rgb(213,240,248)
-
#e6f6fb
#e6f6fb
rgb(230,246,251)
-
#f7fcfe
#f7fcfe
rgb(247,252,254)
Tones of #2cb3dd
A tone is produced by adding gray to any pure hue. In this case, #818688 is the less saturated color, while #10c2f9 is the most saturated one.
-
#818688
#818688
rgb(129,134,136)
-
#778b92
#778b92
rgb(119,139,146)
-
#6e909b
#6e909b
rgb(110,144,155)
-
#6595a4
#6595a4
rgb(101,149,164)
-
#5b9aae
#5b9aae
rgb(91,154,174)
-
#529fb7
#529fb7
rgb(82,159,183)
-
#48a4c1
#48a4c1
rgb(72,164,193)
-
#3fa9ca
#3fa9ca
rgb(63,169,202)
-
#35aed4
#35aed4
rgb(53,174,212)
-
#2cb3dd
#2cb3dd
rgb(44,179,221)
-
#23b8e6
#23b8e6
rgb(35,184,230)
-
#19bdf0
#19bdf0
rgb(25,189,240)
-
#10c2f9
#10c2f9
rgb(16,194,249)
Color Blindness Simulator
Below, you can see how #2cb3dd 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.