#2bb2dd hex color

In a RGB color space, hex #2bb2dd is composed of 16.9% red, 69.8% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 80.5% cyan, 19.5% magenta, 0% yellow and 13.3% black. It has a hue angle of 194.5 degrees, a saturation of 72.4% and a lightness of 51.8%. #2bb2dd color hex could be obtained by blending #56ffff with #0065bb. Closest websafe color is: #3399cc.

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

● #2bb2dd color description : Bright cyan.

The hexadecimal color #2bb2dd has RGB values of R:43, G:178, B:221 and CMYK values of C:0.81, M:0.19, Y:0, K:0.13. Its decimal value is 2863837.

Hex triplet	2bb2dd	`#2bb2dd`
RGB Decimal	43, 178, 221	`rgb(43,178,221)`
RGB Percent	16.9, 69.8, 86.7	`rgb(16.9%,69.8%,86.7%)`
CMYK	81, 19, 0, 13
HSL	194.5°, 72.4, 51.8	`hsl(194.5,72.4%,51.8%)`
HSV (or HSB)	194.5°, 80.5, 86.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	67.704, -20.496, -31.584
XYZ	29.964, 37.572, 74.076
xyY	0.212, 0.265, 37.572
CIE-LCH	67.704, 37.651, 237.019
CIE-LUV	67.704, -44.813, -47.372
Hunter-Lab	61.296, -20.009, -28.744
Binary	00101011, 10110010, 11011101

#2bb2dd
```
#2bb2dd rgb(43,178,221)
```
#dd562b
```
#dd562b rgb(221,86,43)
```

Complementary Color

#2bddaf
```
#2bddaf rgb(43,221,175)
```
#2bb2dd
```
#2bb2dd rgb(43,178,221)
```
#2b59dd
```
#2b59dd rgb(43,89,221)
```

Analogous Color

#ddaf2b
```
#ddaf2b rgb(221,175,43)
```
#2bb2dd
```
#2bb2dd rgb(43,178,221)
```
#dd2b59
```
#dd2b59 rgb(221,43,89)
```

Split Complementary Color

#b2dd2b
```
#b2dd2b rgb(178,221,43)
```
#2bb2dd
```
#2bb2dd rgb(43,178,221)
```
#dd2bb2
```
#dd2bb2 rgb(221,43,178)
```

Triadic Color

#2bdd56
```
#2bdd56 rgb(43,221,86)
```
#2bb2dd
```
#2bb2dd rgb(43,178,221)
```
#dd2bb2
```
#dd2bb2 rgb(221,43,178)
```
#dd562b
```
#dd562b rgb(221,86,43)
```

Tetradic Color

#1a81a2
```
#1a81a2 rgb(26,129,162)
```
#1d92b8
```
#1d92b8 rgb(29,146,184)
```
#21a4ce
```
#21a4ce rgb(33,164,206)
```
#2bb2dd
```
#2bb2dd rgb(43,178,221)
```
#41bae1
```
#41bae1 rgb(65,186,225)
```
#57c2e4
```
#57c2e4 rgb(87,194,228)
```
#6dcae8
```
#6dcae8 rgb(109,202,232)
```

Monochromatic Color

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

#2bdddc
```
#2bdddc rgb(43,221,220)
```
#2bd0dd
```
#2bd0dd rgb(43,208,221)
```
#2bc1dd
```
#2bc1dd rgb(43,193,221)
```
#2bb2dd
```
#2bb2dd rgb(43,178,221)
```
#2ba3dd
```
#2ba3dd rgb(43,163,221)
```
#2b94dd
```
#2b94dd rgb(43,148,221)
```
#2b86dd
```
#2b86dd rgb(43,134,221)
```

Similar Colors

Text with hexadecimal color #2bb2dd

This text has a font color of #2bb2dd.

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

#2bb2dd background color

This paragraph has a background color of #2bb2dd.

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

#2bb2dd border color

This element has a border color of #2bb2dd.

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

CSS codes

.text {color:#2bb2dd;}

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

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

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

#010608
```
#010608 rgb(1,6,8)
```
#041419
```
#041419 rgb(4,20,25)
```
#07212a
```
#07212a rgb(7,33,42)
```
#092f3a
```
#092f3a rgb(9,47,58)
```
#0c3c4b
```
#0c3c4b rgb(12,60,75)
```
#0f4a5c
```
#0f4a5c rgb(15,74,92)
```
#12576d
```
#12576d rgb(18,87,109)
```
#14657e
```
#14657e rgb(20,101,126)
```
#17728f
```
#17728f rgb(23,114,143)
```
#1a7fa0
```
#1a7fa0 rgb(26,127,160)
```
#1c8db1
```
#1c8db1 rgb(28,141,177)
```
#1f9ac2
```
#1f9ac2 rgb(31,154,194)
```
#22a8d3
```
#22a8d3 rgb(34,168,211)
```

Shade Color Variation

#2bb2dd
```
#2bb2dd rgb(43,178,221)
```
#3cb8e0
```
#3cb8e0 rgb(60,184,224)
```
#4dbee2
```
#4dbee2 rgb(77,190,226)
```
#5ec4e5
```
#5ec4e5 rgb(94,196,229)
```
#6fcbe8
```
#6fcbe8 rgb(111,203,232)
```
#80d1eb
```
#80d1eb rgb(128,209,235)
```
#90d7ed
```
#90d7ed rgb(144,215,237)
```
#a1ddf0
```
#a1ddf0 rgb(161,221,240)
```
#b2e3f3
```
#b2e3f3 rgb(178,227,243)
```
#c3e9f5
```
#c3e9f5 rgb(195,233,245)
```
#d4eff8
```
#d4eff8 rgb(212,239,248)
```
#e5f6fb
```
#e5f6fb rgb(229,246,251)
```
#f6fcfe
```
#f6fcfe rgb(246,252,254)
```

Tint Color Variation

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

#808688
```
#808688 rgb(128,134,136)
```
#778b91
```
#778b91 rgb(119,139,145)
```
#6d909b
```
#6d909b rgb(109,144,155)
```
#6495a4
```
#6495a4 rgb(100,149,164)
```
#5a9aae
```
#5a9aae rgb(90,154,174)
```
#519eb7
```
#519eb7 rgb(81,158,183)
```
#47a3c1
```
#47a3c1 rgb(71,163,193)
```
#3ea8ca
```
#3ea8ca rgb(62,168,202)
```
#34add4
```
#34add4 rgb(52,173,212)
```
#2bb2dd
```
#2bb2dd rgb(43,178,221)
```
#22b7e6
```
#22b7e6 rgb(34,183,230)
```
#18bcf0
```
#18bcf0 rgb(24,188,240)
```
#0fc1f9
```
#0fc1f9 rgb(15,193,249)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#7b969f Atypical Achromatopsia 0.001% of the population

Dichromacy

#9da7d5 Protanopia 1% of men
#94a7e4 Deuteranopia 1% of men
#00bac7 Tritanopia 0.001% of the population

Trichromacy

#73abd8 Protanomaly 1% of men, 0.01% of women
#6eabe1 Deuteranomaly 6% of men, 0.4% of women
#0fb7cf Tritanomaly 0.01% of the population

#2bb2dd hex color

#2bb2dd Color Information

#2bb2dd Color Conversion

Color Schemes with #2bb2dd

Alternatives to #2bb2dd

#2bb2dd Preview

Shades and Tints of #2bb2dd

Tones of #2bb2dd

Color Blindness Simulator