#2bc5dd hex color

In a RGB color space, hex #2bc5dd is composed of 16.9% red, 77.3% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 80.5% cyan, 10.9% magenta, 0% yellow and 13.3% black. It has a hue angle of 188.1 degrees, a saturation of 72.4% and a lightness of 51.8%. #2bc5dd color hex could be obtained by blending #56ffff with #008bbb. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 17
- G 77
- B 87
RGB color chart
- C 81
- M 11
- Y 0
- K 13
CMYK color chart

● #2bc5dd color description : Bright cyan.

The hexadecimal color #2bc5dd has RGB values of R:43, G:197, B:221 and CMYK values of C:0.81, M:0.11, Y:0, K:0.13. Its decimal value is 2868701.

Hex triplet	2bc5dd	`#2bc5dd`
RGB Decimal	43, 197, 221	`rgb(43,197,221)`
RGB Percent	16.9, 77.3, 86.7	`rgb(16.9%,77.3%,86.7%)`
CMYK	81, 11, 0, 13
HSL	188.1°, 72.4, 51.8	`hsl(188.1,72.4%,51.8%)`
HSV (or HSB)	188.1°, 80.5, 86.7
Web Safe	33cccc	`#33cccc`

CIE-LAB	73.327, -30.057, -22.951
XYZ	34.01, 45.663, 75.424
xyY	0.219, 0.294, 45.663
CIE-LCH	73.327, 37.818, 217.364
CIE-LUV	73.327, -51.397, -31.985
Hunter-Lab	67.575, -28.418, -18.875
Binary	00101011, 11000101, 11011101

#2bc5dd
```
#2bc5dd rgb(43,197,221)
```
#dd432b
```
#dd432b rgb(221,67,43)
```

Complementary Color

#2bdd9c
```
#2bdd9c rgb(43,221,156)
```
#2bc5dd
```
#2bc5dd rgb(43,197,221)
```
#2b6cdd
```
#2b6cdd rgb(43,108,221)
```

Analogous Color

#dd9c2b
```
#dd9c2b rgb(221,156,43)
```
#2bc5dd
```
#2bc5dd rgb(43,197,221)
```
#dd2b6c
```
#dd2b6c rgb(221,43,108)
```

Split Complementary Color

#c5dd2b
```
#c5dd2b rgb(197,221,43)
```
#2bc5dd
```
#2bc5dd rgb(43,197,221)
```
#dd2bc5
```
#dd2bc5 rgb(221,43,197)
```

Triadic Color

#2bdd43
```
#2bdd43 rgb(43,221,67)
```
#2bc5dd
```
#2bc5dd rgb(43,197,221)
```
#dd2bc5
```
#dd2bc5 rgb(221,43,197)
```
#dd432b
```
#dd432b rgb(221,67,43)
```

Tetradic Color

#1a8fa2
```
#1a8fa2 rgb(26,143,162)
```
#1da3b8
```
#1da3b8 rgb(29,163,184)
```
#21b6ce
```
#21b6ce rgb(33,182,206)
```
#2bc5dd
```
#2bc5dd rgb(43,197,221)
```
#41cbe1
```
#41cbe1 rgb(65,203,225)
```
#57d1e4
```
#57d1e4 rgb(87,209,228)
```
#6dd7e8
```
#6dd7e8 rgb(109,215,232)
```

Monochromatic Color

Below, you can see some colors close to #2bc5dd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#2bddc9
```
#2bddc9 rgb(43,221,201)
```
#2bddd7
```
#2bddd7 rgb(43,221,215)
```
#2bd4dd
```
#2bd4dd rgb(43,212,221)
```
#2bc5dd
```
#2bc5dd rgb(43,197,221)
```
#2bb6dd
```
#2bb6dd rgb(43,182,221)
```
#2ba7dd
```
#2ba7dd rgb(43,167,221)
```
#2b99dd
```
#2b99dd rgb(43,153,221)
```

Similar Colors

Text with hexadecimal color #2bc5dd

This text has a font color of #2bc5dd.

<span style="color:#2bc5dd;">Text here</span>

#2bc5dd background color

This paragraph has a background color of #2bc5dd.

<p style="background-color:#2bc5dd;">Content here</p>

#2bc5dd border color

This element has a border color of #2bc5dd.

<div style="border:1px solid #2bc5dd;">Content here</div>

CSS codes

.text {color:#2bc5dd;}

.background {background-color:#2bc5dd;}

.border {border:1px solid #2bc5dd;}

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, #010708 is the darkest color, while #f6fcfe is the lightest one.

#010708
```
#010708 rgb(1,7,8)
```
#041619
```
#041619 rgb(4,22,25)
```
#07252a
```
#07252a rgb(7,37,42)
```
#09343a
```
#09343a rgb(9,52,58)
```
#0c434b
```
#0c434b rgb(12,67,75)
```
#0f525c
```
#0f525c rgb(15,82,92)
```
#12616d
```
#12616d rgb(18,97,109)
```
#14707e
```
#14707e rgb(20,112,126)
```
#177f8f
```
#177f8f rgb(23,127,143)
```
#1a8ea0
```
#1a8ea0 rgb(26,142,160)
```
#1c9db1
```
#1c9db1 rgb(28,157,177)
```
#1facc2
```
#1facc2 rgb(31,172,194)
```
#22bbd3
```
#22bbd3 rgb(34,187,211)
```

Shade Color Variation

#2bc5dd
```
#2bc5dd rgb(43,197,221)
```
#3ccae0
```
#3ccae0 rgb(60,202,224)
```
#4dcee2
```
#4dcee2 rgb(77,206,226)
```
#5ed3e5
```
#5ed3e5 rgb(94,211,229)
```
#6fd7e8
```
#6fd7e8 rgb(111,215,232)
```
#80dceb
```
#80dceb rgb(128,220,235)
```
#90e1ed
```
#90e1ed rgb(144,225,237)
```
#a1e5f0
```
#a1e5f0 rgb(161,229,240)
```
#b2eaf3
```
#b2eaf3 rgb(178,234,243)
```
#c3eff5
```
#c3eff5 rgb(195,239,245)
```
#d4f3f8
```
#d4f3f8 rgb(212,243,248)
```
#e5f8fb
```
#e5f8fb rgb(229,248,251)
```
#f6fcfe
```
#f6fcfe rgb(246,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #808788 is the less saturated color, while #0fdaf9 is the most saturated one.

#808788
```
#808788 rgb(128,135,136)
```
#778e91
```
#778e91 rgb(119,142,145)
```
#6d959b
```
#6d959b rgb(109,149,155)
```
#649ca4
```
#649ca4 rgb(100,156,164)
```
#5aa2ae
```
#5aa2ae rgb(90,162,174)
```
#51a9b7
```
#51a9b7 rgb(81,169,183)
```
#47b0c1
```
#47b0c1 rgb(71,176,193)
```
#3eb7ca
```
#3eb7ca rgb(62,183,202)
```
#34bed4
```
#34bed4 rgb(52,190,212)
```
#2bc5dd
```
#2bc5dd rgb(43,197,221)
```
#22cce6
```
#22cce6 rgb(34,204,230)
```
#18d3f0
```
#18d3f0 rgb(24,211,240)
```
#0fdaf9
```
#0fdaf9 rgb(15,218,249)
```

Tone Color Variation

Below, you can see how #2bc5dd 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.

Monochromacy

#9a9a9a Achromatopsia 0.005% of the population
#84a3a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2b6d3 Protanopia 1% of men
#afb4e6 Deuteranopia 1% of men
#2cc9d7 Tritanopia 0.001% of the population

Trichromacy

#80bbd7 Protanomaly 1% of men, 0.01% of women
#7fbae2 Deuteranomaly 6% of men, 0.4% of women
#2bc7d9 Tritanomaly 0.01% of the population

#2bc5dd hex color

#2bc5dd Color Information

#2bc5dd Color Conversion

Color Schemes with #2bc5dd

Alternatives to #2bc5dd

#2bc5dd Preview

Shades and Tints of #2bc5dd

Tones of #2bc5dd

Color Blindness Simulator