#2bddff hex color

In a RGB color space, hex #2bddff is composed of 16.9% red, 86.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 83.1% cyan, 13.3% magenta, 0% yellow and 0% black. It has a hue angle of 189.6 degrees, a saturation of 100% and a lightness of 58.4%. #2bddff color hex could be obtained by blending #56ffff with #00bbff. Closest websafe color is: #33ccff.

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

● #2bddff color description : Vivid cyan.

The hexadecimal color #2bddff has RGB values of R:43, G:221, B:255 and CMYK values of C:0.83, M:0.13, Y:0, K:0. Its decimal value is 2874879.

Hex triplet	2bddff	`#2bddff`
RGB Decimal	43, 221, 255	`rgb(43,221,255)`
RGB Percent	16.9, 86.7, 100	`rgb(16.9%,86.7%,100%)`
CMYK	83, 13, 0, 0
HSL	189.6°, 100, 58.4	`hsl(189.6,100%,58.4%)`
HSV (or HSB)	189.6°, 83.1, 100
Web Safe	33ccff	`#33ccff`

CIE-LAB	81.534, -31.003, -28.619
XYZ	44.898, 59.442, 103.709
xyY	0.216, 0.286, 59.442
CIE-LCH	81.534, 42.193, 222.71
CIE-LUV	81.534, -57.128, -41.92
Hunter-Lab	77.099, -30.975, -25.785
Binary	00101011, 11011101, 11111111

#2bddff
```
#2bddff rgb(43,221,255)
```
#ff4d2b
```
#ff4d2b rgb(255,77,43)
```

Complementary Color

#2bffb7
```
#2bffb7 rgb(43,255,183)
```
#2bddff
```
#2bddff rgb(43,221,255)
```
#2b73ff
```
#2b73ff rgb(43,115,255)
```

Analogous Color

#ffb72b
```
#ffb72b rgb(255,183,43)
```
#2bddff
```
#2bddff rgb(43,221,255)
```
#ff2b73
```
#ff2b73 rgb(255,43,115)
```

Split Complementary Color

#ddff2b
```
#ddff2b rgb(221,255,43)
```
#2bddff
```
#2bddff rgb(43,221,255)
```
#ff2bdd
```
#ff2bdd rgb(255,43,221)
```

Triadic Color

#2bff4d
```
#2bff4d rgb(43,255,77)
```
#2bddff
```
#2bddff rgb(43,221,255)
```
#ff2bdd
```
#ff2bdd rgb(255,43,221)
```
#ff4d2b
```
#ff4d2b rgb(255,77,43)
```

Tetradic Color

#00bade
```
#00bade rgb(0,186,222)
```
#00cff7
```
#00cff7 rgb(0,207,247)
```
#12d9ff
```
#12d9ff rgb(18,217,255)
```
#2bddff
```
#2bddff rgb(43,221,255)
```
#45e1ff
```
#45e1ff rgb(69,225,255)
```
#5ee5ff
```
#5ee5ff rgb(94,229,255)
```
#78e9ff
```
#78e9ff rgb(120,233,255)
```

Monochromatic Color

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

#2bffec
```
#2bffec rgb(43,255,236)
```
#2bfffe
```
#2bfffe rgb(43,255,254)
```
#2befff
```
#2befff rgb(43,239,255)
```
#2bddff
```
#2bddff rgb(43,221,255)
```
#2bcbff
```
#2bcbff rgb(43,203,255)
```
#2bbaff
```
#2bbaff rgb(43,186,255)
```
#2ba8ff
```
#2ba8ff rgb(43,168,255)
```

Similar Colors

Text with hexadecimal color #2bddff

This text has a font color of #2bddff.

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

#2bddff background color

This paragraph has a background color of #2bddff.

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

#2bddff border color

This element has a border color of #2bddff.

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

CSS codes

.text {color:#2bddff;}

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

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

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

#000304
```
#000304 rgb(0,3,4)
```
#001417
```
#001417 rgb(0,20,23)
```
#00242b
```
#00242b rgb(0,36,43)
```
#00353f
```
#00353f rgb(0,53,63)
```
#004552
```
#004552 rgb(0,69,82)
```
#005666
```
#005666 rgb(0,86,102)
```
#006679
```
#006679 rgb(0,102,121)
```
#00768d
```
#00768d rgb(0,118,141)
```
#0087a1
```
#0087a1 rgb(0,135,161)
```
#0097b4
```
#0097b4 rgb(0,151,180)
```
#00a8c8
```
#00a8c8 rgb(0,168,200)
```
#00b8dc
```
#00b8dc rgb(0,184,220)
```
#00c9ef
```
#00c9ef rgb(0,201,239)
```

Shade Color Variation

#04d7ff
```
#04d7ff rgb(4,215,255)
```
#17daff
```
#17daff rgb(23,218,255)
```
#2bddff
```
#2bddff rgb(43,221,255)
```
#3fe0ff
```
#3fe0ff rgb(63,224,255)
```
#52e3ff
```
#52e3ff rgb(82,227,255)
```
#66e6ff
```
#66e6ff rgb(102,230,255)
```
#79eaff
```
#79eaff rgb(121,234,255)
```
#8dedff
```
#8dedff rgb(141,237,255)
```
#a1f0ff
```
#a1f0ff rgb(161,240,255)
```
#b4f3ff
```
#b4f3ff rgb(180,243,255)
```
#c8f6ff
```
#c8f6ff rgb(200,246,255)
```
#dcf9ff
```
#dcf9ff rgb(220,249,255)
```
#effcff
```
#effcff rgb(239,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d9b9d is the less saturated color, while #2bddff is the most saturated one.

#8d9b9d
```
#8d9b9d rgb(141,155,157)
```
#85a0a5
```
#85a0a5 rgb(133,160,165)
```
#7da6ad
```
#7da6ad rgb(125,166,173)
```
#74abb6
```
#74abb6 rgb(116,171,182)
```
#6cb1be
```
#6cb1be rgb(108,177,190)
```
#64b6c6
```
#64b6c6 rgb(100,182,198)
```
#5cbcce
```
#5cbcce rgb(92,188,206)
```
#54c1d6
```
#54c1d6 rgb(84,193,214)
```
#4cc7de
```
#4cc7de rgb(76,199,222)
```
#43cce7
```
#43cce7 rgb(67,204,231)
```
#3bd2ef
```
#3bd2ef rgb(59,210,239)
```
#33d7f7
```
#33d7f7 rgb(51,215,247)
```
#2bddff
```
#2bddff rgb(43,221,255)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#92b6bd Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4cbf2 Protanopia 1% of men
#c1caff Deuteranopia 1% of men
#16e1f1 Tritanopia 0.001% of the population

Trichromacy

#8cd1f7 Protanomaly 1% of men, 0.01% of women
#8ad1ff Deuteranomaly 6% of men, 0.4% of women
#1ddff6 Tritanomaly 0.01% of the population

#2bddff hex color

#2bddff Color Information

#2bddff Color Conversion

Color Schemes with #2bddff

Alternatives to #2bddff

#2bddff Preview

Shades and Tints of #2bddff

Tones of #2bddff

Color Blindness Simulator