#2bd4ff hex color

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

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

● #2bd4ff color description : Vivid cyan.

The hexadecimal color #2bd4ff has RGB values of R:43, G:212, B:255 and CMYK values of C:0.83, M:0.17, Y:0, K:0. Its decimal value is 2872575.

Hex triplet	2bd4ff	`#2bd4ff`
RGB Decimal	43, 212, 255	`rgb(43,212,255)`
RGB Percent	16.9, 83.1, 100	`rgb(16.9%,83.1%,100%)`
CMYK	83, 17, 0, 0
HSL	192.2°, 100, 58.4	`hsl(192.2,100%,58.4%)`
HSV (or HSB)	192.2°, 83.1, 100
Web Safe	33ccff	`#33ccff`

CIE-LAB	78.935, -26.607, -32.61
XYZ	42.585, 54.816, 102.938
xyY	0.213, 0.274, 54.816
CIE-LCH	78.935, 42.087, 230.789
CIE-LUV	78.935, -54.082, -49.237
Hunter-Lab	74.038, -26.898, -30.607
Binary	00101011, 11010100, 11111111

#2bd4ff
```
#2bd4ff rgb(43,212,255)
```
#ff562b
```
#ff562b rgb(255,86,43)
```

Complementary Color

#2bffc0
```
#2bffc0 rgb(43,255,192)
```
#2bd4ff
```
#2bd4ff rgb(43,212,255)
```
#2b6aff
```
#2b6aff rgb(43,106,255)
```

Analogous Color

#ffc02b
```
#ffc02b rgb(255,192,43)
```
#2bd4ff
```
#2bd4ff rgb(43,212,255)
```
#ff2b6a
```
#ff2b6a rgb(255,43,106)
```

Split Complementary Color

#d4ff2b
```
#d4ff2b rgb(212,255,43)
```
#2bd4ff
```
#2bd4ff rgb(43,212,255)
```
#ff2bd4
```
#ff2bd4 rgb(255,43,212)
```

Triadic Color

#2bff56
```
#2bff56 rgb(43,255,86)
```
#2bd4ff
```
#2bd4ff rgb(43,212,255)
```
#ff2bd4
```
#ff2bd4 rgb(255,43,212)
```
#ff562b
```
#ff562b rgb(255,86,43)
```

Tetradic Color

#00b1de
```
#00b1de rgb(0,177,222)
```
#00c5f7
```
#00c5f7 rgb(0,197,247)
```
#12cfff
```
#12cfff rgb(18,207,255)
```
#2bd4ff
```
#2bd4ff rgb(43,212,255)
```
#45d9ff
```
#45d9ff rgb(69,217,255)
```
#5edeff
```
#5edeff rgb(94,222,255)
```
#78e4ff
```
#78e4ff rgb(120,228,255)
```

Monochromatic Color

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

#2bfff5
```
#2bfff5 rgb(43,255,245)
```
#2bf7ff
```
#2bf7ff rgb(43,247,255)
```
#2be6ff
```
#2be6ff rgb(43,230,255)
```
#2bd4ff
```
#2bd4ff rgb(43,212,255)
```
#2bc2ff
```
#2bc2ff rgb(43,194,255)
```
#2bb1ff
```
#2bb1ff rgb(43,177,255)
```
#2b9fff
```
#2b9fff rgb(43,159,255)
```

Similar Colors

Text with hexadecimal color #2bd4ff

This text has a font color of #2bd4ff.

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

#2bd4ff background color

This paragraph has a background color of #2bd4ff.

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

#2bd4ff border color

This element has a border color of #2bd4ff.

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

CSS codes

.text {color:#2bd4ff;}

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

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

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)
```
#001317
```
#001317 rgb(0,19,23)
```
#00222b
```
#00222b rgb(0,34,43)
```
#00323f
```
#00323f rgb(0,50,63)
```
#004252
```
#004252 rgb(0,66,82)
```
#005166
```
#005166 rgb(0,81,102)
```
#006179
```
#006179 rgb(0,97,121)
```
#00708d
```
#00708d rgb(0,112,141)
```
#0080a1
```
#0080a1 rgb(0,128,161)
```
#0090b4
```
#0090b4 rgb(0,144,180)
```
#009fc8
```
#009fc8 rgb(0,159,200)
```
#00afdc
```
#00afdc rgb(0,175,220)
```
#00bfef
```
#00bfef rgb(0,191,239)
```

Shade Color Variation

#04ccff
```
#04ccff rgb(4,204,255)
```
#17d0ff
```
#17d0ff rgb(23,208,255)
```
#2bd4ff
```
#2bd4ff rgb(43,212,255)
```
#3fd8ff
```
#3fd8ff rgb(63,216,255)
```
#52dcff
```
#52dcff rgb(82,220,255)
```
#66e0ff
```
#66e0ff rgb(102,224,255)
```
#79e4ff
```
#79e4ff rgb(121,228,255)
```
#8de8ff
```
#8de8ff rgb(141,232,255)
```
#a1ecff
```
#a1ecff rgb(161,236,255)
```
#b4f0ff
```
#b4f0ff rgb(180,240,255)
```
#c8f4ff
```
#c8f4ff rgb(200,244,255)
```
#dcf8ff
```
#dcf8ff rgb(220,248,255)
```
#effcff
```
#effcff rgb(239,252,255)
```

Tint Color Variation

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

#8d9a9d
```
#8d9a9d rgb(141,154,157)
```
#859fa5
```
#859fa5 rgb(133,159,165)
```
#7da4ad
```
#7da4ad rgb(125,164,173)
```
#74a8b6
```
#74a8b6 rgb(116,168,182)
```
#6cadbe
```
#6cadbe rgb(108,173,190)
```
#64b2c6
```
#64b2c6 rgb(100,178,198)
```
#5cb7ce
```
#5cb7ce rgb(92,183,206)
```
#54bcd6
```
#54bcd6 rgb(84,188,214)
```
#4cc1de
```
#4cc1de rgb(76,193,222)
```
#43c5e7
```
#43c5e7 rgb(67,197,231)
```
#3bcaef
```
#3bcaef rgb(59,202,239)
```
#33cff7
```
#33cff7 rgb(51,207,247)
```
#2bd4ff
```
#2bd4ff rgb(43,212,255)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#8dafb8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bac4f3 Protanopia 1% of men
#b5c4ff Deuteranopia 1% of men
#00d9e9 Tritanopia 0.001% of the population

Trichromacy

#86caf7 Protanomaly 1% of men, 0.01% of women
#83caff Deuteranomaly 6% of men, 0.4% of women
#0fd7f1 Tritanomaly 0.01% of the population

#2bd4ff hex color

#2bd4ff Color Information

#2bd4ff Color Conversion

Color Schemes with #2bd4ff

Alternatives to #2bd4ff

#2bd4ff Preview

Shades and Tints of #2bd4ff

Tones of #2bd4ff

Color Blindness Simulator