#2bd4fe hex color

In a RGB color space, hex #2bd4fe is composed of 16.9% red, 83.1% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 83.1% cyan, 16.5% magenta, 0% yellow and 0.4% black. It has a hue angle of 191.9 degrees, a saturation of 99.1% and a lightness of 58.2%. #2bd4fe color hex could be obtained by blending #56ffff with #00a9fd. 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

● #2bd4fe color description : Bright cyan.

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

Hex triplet	2bd4fe	`#2bd4fe`
RGB Decimal	43, 212, 254	`rgb(43,212,254)`
RGB Percent	16.9, 83.1, 99.6	`rgb(16.9%,83.1%,99.6%)`
CMYK	83, 17, 0, 0
HSL	191.9°, 99.1, 58.2	`hsl(191.9,99.1%,58.2%)`
HSV (or HSB)	191.9°, 83.1, 99.6
Web Safe	33ccff	`#33ccff`

CIE-LAB	78.898, -26.929, -32.135
XYZ	42.424, 54.752, 102.093
xyY	0.213, 0.275, 54.752
CIE-LCH	78.898, 41.926, 230.038
CIE-LUV	78.898, -54.154, -48.371
Hunter-Lab	73.995, -27.149, -30.008
Binary	00101011, 11010100, 11111110

#2bd4fe
```
#2bd4fe rgb(43,212,254)
```
#fe552b
```
#fe552b rgb(254,85,43)
```

Complementary Color

#2bfebf
```
#2bfebf rgb(43,254,191)
```
#2bd4fe
```
#2bd4fe rgb(43,212,254)
```
#2b6bfe
```
#2b6bfe rgb(43,107,254)
```

Analogous Color

#febf2b
```
#febf2b rgb(254,191,43)
```
#2bd4fe
```
#2bd4fe rgb(43,212,254)
```
#fe2b6b
```
#fe2b6b rgb(254,43,107)
```

Split Complementary Color

#d4fe2b
```
#d4fe2b rgb(212,254,43)
```
#2bd4fe
```
#2bd4fe rgb(43,212,254)
```
#fe2bd4
```
#fe2bd4 rgb(254,43,212)
```

Triadic Color

#2bfe55
```
#2bfe55 rgb(43,254,85)
```
#2bd4fe
```
#2bd4fe rgb(43,212,254)
```
#fe2bd4
```
#fe2bd4 rgb(254,43,212)
```
#fe552b
```
#fe552b rgb(254,85,43)
```

Tetradic Color

#01b0db
```
#01b0db rgb(1,176,219)
```
#01c4f5
```
#01c4f5 rgb(1,196,245)
```
#12cffe
```
#12cffe rgb(18,207,254)
```
#2bd4fe
```
#2bd4fe rgb(43,212,254)
```
#44d9fe
```
#44d9fe rgb(68,217,254)
```
#5edefe
```
#5edefe rgb(94,222,254)
```
#77e3fe
```
#77e3fe rgb(119,227,254)
```

Monochromatic Color

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

#2bfef3
```
#2bfef3 rgb(43,254,243)
```
#2bf7fe
```
#2bf7fe rgb(43,247,254)
```
#2be6fe
```
#2be6fe rgb(43,230,254)
```
#2bd4fe
```
#2bd4fe rgb(43,212,254)
```
#2bc2fe
```
#2bc2fe rgb(43,194,254)
```
#2bb1fe
```
#2bb1fe rgb(43,177,254)
```
#2b9ffe
```
#2b9ffe rgb(43,159,254)
```

Similar Colors

Text with hexadecimal color #2bd4fe

This text has a font color of #2bd4fe.

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

#2bd4fe background color

This paragraph has a background color of #2bd4fe.

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

#2bd4fe border color

This element has a border color of #2bd4fe.

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

CSS codes

.text {color:#2bd4fe;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#001216
```
#001216 rgb(0,18,22)
```
#00222a
```
#00222a rgb(0,34,42)
```
#00313d
```
#00313d rgb(0,49,61)
```
#004151
```
#004151 rgb(0,65,81)
```
#005064
```
#005064 rgb(0,80,100)
```
#016078
```
#016078 rgb(1,96,120)
```
#01708b
```
#01708b rgb(1,112,139)
```
#017f9f
```
#017f9f rgb(1,127,159)
```
#018fb2
```
#018fb2 rgb(1,143,178)
```
#019fc6
```
#019fc6 rgb(1,159,198)
```
#01aeda
```
#01aeda rgb(1,174,218)
```
#01beed
```
#01beed rgb(1,190,237)
```

Shade Color Variation

#04ccfe
```
#04ccfe rgb(4,204,254)
```
#17d0fe
```
#17d0fe rgb(23,208,254)
```
#2bd4fe
```
#2bd4fe rgb(43,212,254)
```
#3fd8fe
```
#3fd8fe rgb(63,216,254)
```
#52dcfe
```
#52dcfe rgb(82,220,254)
```
#66e0fe
```
#66e0fe rgb(102,224,254)
```
#79e4fe
```
#79e4fe rgb(121,228,254)
```
#8de8fe
```
#8de8fe rgb(141,232,254)
```
#a0ecff
```
#a0ecff rgb(160,236,255)
```
#b4f0ff
```
#b4f0ff rgb(180,240,255)
```
#c7f4ff
```
#c7f4ff rgb(199,244,255)
```
#dbf8ff
```
#dbf8ff rgb(219,248,255)
```
#eefcff
```
#eefcff rgb(238,252,255)
```

Tint Color Variation

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

#8d999c
```
#8d999c rgb(141,153,156)
```
#859ea4
```
#859ea4 rgb(133,158,164)
```
#7da3ac
```
#7da3ac rgb(125,163,172)
```
#75a8b4
```
#75a8b4 rgb(117,168,180)
```
#6dadbc
```
#6dadbc rgb(109,173,188)
```
#64b1c5
```
#64b1c5 rgb(100,177,197)
```
#5cb6cd
```
#5cb6cd rgb(92,182,205)
```
#54bbd5
```
#54bbd5 rgb(84,187,213)
```
#4cc0dd
```
#4cc0dd rgb(76,192,221)
```
#44c5e5
```
#44c5e5 rgb(68,197,229)
```
#3bcaee
```
#3bcaee rgb(59,202,238)
```
#33cff6
```
#33cff6 rgb(51,207,246)
```
#2bd4fe
```
#2bd4fe rgb(43,212,254)
```

Tone Color Variation

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

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

Trichromacy

#86caf6 Protanomaly 1% of men, 0.01% of women
#83c9fe Deuteranomaly 6% of men, 0.4% of women
#0fd7f0 Tritanomaly 0.01% of the population

#2bd4fe hex color

#2bd4fe Color Information

#2bd4fe Color Conversion

Color Schemes with #2bd4fe

Alternatives to #2bd4fe

#2bd4fe Preview

Shades and Tints of #2bd4fe

Tones of #2bd4fe

Color Blindness Simulator