#2beaff hex color

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

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

● #2beaff color description : Vivid cyan.

The hexadecimal color #2beaff has RGB values of R:43, G:234, B:255 and CMYK values of C:0.83, M:0.08, Y:0, K:0. Its decimal value is 2878207.

Hex triplet	2beaff	`#2beaff`
RGB Decimal	43, 234, 255	`rgb(43,234,255)`
RGB Percent	16.9, 91.8, 100	`rgb(16.9%,91.8%,100%)`
CMYK	83, 8, 0, 0
HSL	185.9°, 100, 58.4	`hsl(185.9,100%,58.4%)`
HSV (or HSB)	185.9°, 83.1, 100
Web Safe	33ffff	`#33ffff`

CIE-LAB	85.289, -37.138, -22.894
XYZ	48.464, 66.574, 104.898
xyY	0.22, 0.303, 66.574
CIE-LCH	85.289, 43.628, 211.652
CIE-LUV	85.289, -61.519, -31.427
Hunter-Lab	81.593, -36.765, -19.109
Binary	00101011, 11101010, 11111111

#2beaff
```
#2beaff rgb(43,234,255)
```
#ff402b
```
#ff402b rgb(255,64,43)
```

Complementary Color

#2bffaa
```
#2bffaa rgb(43,255,170)
```
#2beaff
```
#2beaff rgb(43,234,255)
```
#2b80ff
```
#2b80ff rgb(43,128,255)
```

Analogous Color

#ffaa2b
```
#ffaa2b rgb(255,170,43)
```
#2beaff
```
#2beaff rgb(43,234,255)
```
#ff2b80
```
#ff2b80 rgb(255,43,128)
```

Split Complementary Color

#eaff2b
```
#eaff2b rgb(234,255,43)
```
#2beaff
```
#2beaff rgb(43,234,255)
```
#ff2bea
```
#ff2bea rgb(255,43,234)
```

Triadic Color

#2bff40
```
#2bff40 rgb(43,255,64)
```
#2beaff
```
#2beaff rgb(43,234,255)
```
#ff2bea
```
#ff2bea rgb(255,43,234)
```
#ff402b
```
#ff402b rgb(255,64,43)
```

Tetradic Color

#00c8de
```
#00c8de rgb(0,200,222)
```
#00dff7
```
#00dff7 rgb(0,223,247)
```
#12e7ff
```
#12e7ff rgb(18,231,255)
```
#2beaff
```
#2beaff rgb(43,234,255)
```
#45edff
```
#45edff rgb(69,237,255)
```
#5eefff
```
#5eefff rgb(94,239,255)
```
#78f2ff
```
#78f2ff rgb(120,242,255)
```

Monochromatic Color

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

#2bffdf
```
#2bffdf rgb(43,255,223)
```
#2bfff1
```
#2bfff1 rgb(43,255,241)
```
#2bfcff
```
#2bfcff rgb(43,252,255)
```
#2beaff
```
#2beaff rgb(43,234,255)
```
#2bd8ff
```
#2bd8ff rgb(43,216,255)
```
#2bc7ff
```
#2bc7ff rgb(43,199,255)
```
#2bb5ff
```
#2bb5ff rgb(43,181,255)
```

Similar Colors

Text with hexadecimal color #2beaff

This text has a font color of #2beaff.

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

#2beaff background color

This paragraph has a background color of #2beaff.

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

#2beaff border color

This element has a border color of #2beaff.

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

CSS codes

.text {color:#2beaff;}

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

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

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 #effdff is the lightest one.

#000304
```
#000304 rgb(0,3,4)
```
#001517
```
#001517 rgb(0,21,23)
```
#00272b
```
#00272b rgb(0,39,43)
```
#00383f
```
#00383f rgb(0,56,63)
```
#004a52
```
#004a52 rgb(0,74,82)
```
#005c66
```
#005c66 rgb(0,92,102)
```
#006d79
```
#006d79 rgb(0,109,121)
```
#007f8d
```
#007f8d rgb(0,127,141)
```
#0091a1
```
#0091a1 rgb(0,145,161)
```
#00a2b4
```
#00a2b4 rgb(0,162,180)
```
#00b4c8
```
#00b4c8 rgb(0,180,200)
```
#00c6dc
```
#00c6dc rgb(0,198,220)
```
#00d7ef
```
#00d7ef rgb(0,215,239)
```

Shade Color Variation

#04e6ff
```
#04e6ff rgb(4,230,255)
```
#17e8ff
```
#17e8ff rgb(23,232,255)
```
#2beaff
```
#2beaff rgb(43,234,255)
```
#3fecff
```
#3fecff rgb(63,236,255)
```
#52eeff
```
#52eeff rgb(82,238,255)
```
#66f0ff
```
#66f0ff rgb(102,240,255)
```
#79f2ff
```
#79f2ff rgb(121,242,255)
```
#8df4ff
```
#8df4ff rgb(141,244,255)
```
#a1f6ff
```
#a1f6ff rgb(161,246,255)
```
#b4f8ff
```
#b4f8ff rgb(180,248,255)
```
#c8faff
```
#c8faff rgb(200,250,255)
```
#dcfbff
```
#dcfbff rgb(220,251,255)
```
#effdff
```
#effdff rgb(239,253,255)
```

Tint Color Variation

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

#8d9c9d
```
#8d9c9d rgb(141,156,157)
```
#85a2a5
```
#85a2a5 rgb(133,162,165)
```
#7da9ad
```
#7da9ad rgb(125,169,173)
```
#74afb6
```
#74afb6 rgb(116,175,182)
```
#6cb6be
```
#6cb6be rgb(108,182,190)
```
#64bcc6
```
#64bcc6 rgb(100,188,198)
```
#5cc3ce
```
#5cc3ce rgb(92,195,206)
```
#54c9d6
```
#54c9d6 rgb(84,201,214)
```
#4cd0de
```
#4cd0de rgb(76,208,222)
```
#43d6e7
```
#43d6e7 rgb(67,214,231)
```
#3bddef
```
#3bddef rgb(59,221,239)
```
#33e3f7
```
#33e3f7 rgb(51,227,247)
```
#2beaff
```
#2beaff rgb(43,234,255)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#98bec2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2d5f2 Protanopia 1% of men
#d2d4ff Deuteranopia 1% of men
#32ebfc Tritanopia 0.001% of the population

Trichromacy

#95ddf6 Protanomaly 1% of men, 0.01% of women
#95dcff Deuteranomaly 6% of men, 0.4% of women
#2feafd Tritanomaly 0.01% of the population

#2beaff hex color

#2beaff Color Information

#2beaff Color Conversion

Color Schemes with #2beaff

Alternatives to #2beaff

#2beaff Preview

Shades and Tints of #2beaff

Tones of #2beaff

Color Blindness Simulator