#2bcaf6 hex color

In a RGB color space, hex #2bcaf6 is composed of 16.9% red, 79.2% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 82.5% cyan, 17.9% magenta, 0% yellow and 3.5% black. It has a hue angle of 193 degrees, a saturation of 91.9% and a lightness of 56.7%. #2bcaf6 color hex could be obtained by blending #56ffff with #0095ed. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 17
- G 79
- B 96
RGB color chart
- C 83
- M 18
- Y 0
- K 4
CMYK color chart

● #2bcaf6 color description : Bright cyan.

The hexadecimal color #2bcaf6 has RGB values of R:43, G:202, B:246 and CMYK values of C:0.83, M:0.18, Y:0, K:0.04. Its decimal value is 2870006.

Hex triplet	2bcaf6	`#2bcaf6`
RGB Decimal	43, 202, 246	`rgb(43,202,246)`
RGB Percent	16.9, 79.2, 96.5	`rgb(16.9%,79.2%,96.5%)`
CMYK	83, 18, 0, 4
HSL	193°, 91.9, 56.7	`hsl(193,91.9%,56.7%)`
HSV (or HSB)	193°, 82.5, 96.5
Web Safe	33ccff	`#33ccff`

CIE-LAB	75.702, -24.529, -32.786
XYZ	38.747, 49.405, 94.678
xyY	0.212, 0.27, 49.405
CIE-LCH	75.702, 40.947, 233.198
CIE-LUV	75.702, -51.327, -49.581
Hunter-Lab	70.289, -24.606, -30.661
Binary	00101011, 11001010, 11110110

#2bcaf6
```
#2bcaf6 rgb(43,202,246)
```
#f6572b
```
#f6572b rgb(246,87,43)
```

Complementary Color

#2bf6bd
```
#2bf6bd rgb(43,246,189)
```
#2bcaf6
```
#2bcaf6 rgb(43,202,246)
```
#2b65f6
```
#2b65f6 rgb(43,101,246)
```

Analogous Color

#f6bd2b
```
#f6bd2b rgb(246,189,43)
```
#2bcaf6
```
#2bcaf6 rgb(43,202,246)
```
#f62b65
```
#f62b65 rgb(246,43,101)
```

Split Complementary Color

#caf62b
```
#caf62b rgb(202,246,43)
```
#2bcaf6
```
#2bcaf6 rgb(43,202,246)
```
#f62bca
```
#f62bca rgb(246,43,202)
```

Triadic Color

#2bf657
```
#2bf657 rgb(43,246,87)
```
#2bcaf6
```
#2bcaf6 rgb(43,202,246)
```
#f62bca
```
#f62bca rgb(246,43,202)
```
#f6572b
```
#f6572b rgb(246,87,43)
```

Tetradic Color

#09a2cc
```
#09a2cc rgb(9,162,204)
```
#0ab5e4
```
#0ab5e4 rgb(10,181,228)
```
#13c4f5
```
#13c4f5 rgb(19,196,245)
```
#2bcaf6
```
#2bcaf6 rgb(43,202,246)
```
#43d0f7
```
#43d0f7 rgb(67,208,247)
```
#5cd6f8
```
#5cd6f8 rgb(92,214,248)
```
#74dcf9
```
#74dcf9 rgb(116,220,249)
```

Monochromatic Color

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

#2bf6ef
```
#2bf6ef rgb(43,246,239)
```
#2becf6
```
#2becf6 rgb(43,236,246)
```
#2bdbf6
```
#2bdbf6 rgb(43,219,246)
```
#2bcaf6
```
#2bcaf6 rgb(43,202,246)
```
#2bb9f6
```
#2bb9f6 rgb(43,185,246)
```
#2ba8f6
```
#2ba8f6 rgb(43,168,246)
```
#2b97f6
```
#2b97f6 rgb(43,151,246)
```

Similar Colors

Text with hexadecimal color #2bcaf6

This text has a font color of #2bcaf6.

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

#2bcaf6 background color

This paragraph has a background color of #2bcaf6.

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

#2bcaf6 border color

This element has a border color of #2bcaf6.

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

CSS codes

.text {color:#2bcaf6;}

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

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

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, #010b0e is the darkest color, while #fafeff is the lightest one.

#010b0e
```
#010b0e rgb(1,11,14)
```
#011a21
```
#011a21 rgb(1,26,33)
```
#022933
```
#022933 rgb(2,41,51)
```
#033846
```
#033846 rgb(3,56,70)
```
#044759
```
#044759 rgb(4,71,89)
```
#05556c
```
#05556c rgb(5,85,108)
```
#05647f
```
#05647f rgb(5,100,127)
```
#067392
```
#067392 rgb(6,115,146)
```
#0782a4
```
#0782a4 rgb(7,130,164)
```
#0891b7
```
#0891b7 rgb(8,145,183)
```
#09a0ca
```
#09a0ca rgb(9,160,202)
```
#09afdd
```
#09afdd rgb(9,175,221)
```
#0abef0
```
#0abef0 rgb(10,190,240)
```

Shade Color Variation

#18c5f5
```
#18c5f5 rgb(24,197,245)
```
#2bcaf6
```
#2bcaf6 rgb(43,202,246)
```
#3ecff7
```
#3ecff7 rgb(62,207,247)
```
#51d3f8
```
#51d3f8 rgb(81,211,248)
```
#63d8f8
```
#63d8f8 rgb(99,216,248)
```
#76ddf9
```
#76ddf9 rgb(118,221,249)
```
#89e2fa
```
#89e2fa rgb(137,226,250)
```
#9ce6fb
```
#9ce6fb rgb(156,230,251)
```
#afebfc
```
#afebfc rgb(175,235,252)
```
#c2f0fc
```
#c2f0fc rgb(194,240,252)
```
#d4f4fd
```
#d4f4fd rgb(212,244,253)
```
#e7f9fe
```
#e7f9fe rgb(231,249,254)
```
#fafeff
```
#fafeff rgb(250,254,255)
```

Tint Color Variation

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

#899599
```
#899599 rgb(137,149,153)
```
#809aa1
```
#809aa1 rgb(128,154,161)
```
#789faa
```
#789faa rgb(120,159,170)
```
#6fa3b2
```
#6fa3b2 rgb(111,163,178)
```
#67a8bb
```
#67a8bb rgb(103,168,187)
```
#5eadc3
```
#5eadc3 rgb(94,173,195)
```
#56b2cc
```
#56b2cc rgb(86,178,204)
```
#4db7d4
```
#4db7d4 rgb(77,183,212)
```
#45bcdd
```
#45bcdd rgb(69,188,221)
```
#3cc0e5
```
#3cc0e5 rgb(60,192,229)
```
#33c5ee
```
#33c5ee rgb(51,197,238)
```
#2bcaf6
```
#2bcaf6 rgb(43,202,246)
```
#23cfff
```
#23cfff rgb(35,207,255)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#88a8b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1bceb Protanopia 1% of men
#a9bbfd Deuteranopia 1% of men
#00d0df Tritanopia 0.001% of the population

Trichromacy

#80c1ef Protanomaly 1% of men, 0.01% of women
#7bc1fa Deuteranomaly 6% of men, 0.4% of women
#0fcee7 Tritanomaly 0.01% of the population

#2bcaf6 hex color

#2bcaf6 Color Information

#2bcaf6 Color Conversion

Color Schemes with #2bcaf6

Alternatives to #2bcaf6

#2bcaf6 Preview

Shades and Tints of #2bcaf6

Tones of #2bcaf6

Color Blindness Simulator