#2bccf3 hex color

In a RGB color space, hex #2bccf3 is composed of 16.9% red, 80% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 82.3% cyan, 16% magenta, 0% yellow and 4.7% black. It has a hue angle of 191.7 degrees, a saturation of 89.3% and a lightness of 56.1%. #2bccf3 color hex could be obtained by blending #56ffff with #0099e7. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 17
- G 80
- B 95
RGB color chart
- C 82
- M 16
- Y 0
- K 5
CMYK color chart

● #2bccf3 color description : Bright cyan.

The hexadecimal color #2bccf3 has RGB values of R:43, G:204, B:243 and CMYK values of C:0.82, M:0.16, Y:0, K:0.05. Its decimal value is 2870515.

Hex triplet	2bccf3	`#2bccf3`
RGB Decimal	43, 204, 243	`rgb(43,204,243)`
RGB Percent	16.9, 80, 95.3	`rgb(16.9%,80%,95.3%)`
CMYK	82, 16, 0, 5
HSL	191.7°, 89.3, 56.1	`hsl(191.7,89.3%,56.1%)`
HSV (or HSB)	191.7°, 82.3, 95.3
Web Safe	33ccff	`#33ccff`

CIE-LAB	76.171, -26.501, -30.455
XYZ	38.762, 50.167, 92.429
xyY	0.214, 0.277, 50.167
CIE-LCH	76.171, 40.371, 228.97
CIE-LUV	76.171, -52.222, -45.354
Hunter-Lab	70.828, -26.262, -27.792
Binary	00101011, 11001100, 11110011

#2bccf3
```
#2bccf3 rgb(43,204,243)
```
#f3522b
```
#f3522b rgb(243,82,43)
```

Complementary Color

#2bf3b6
```
#2bf3b6 rgb(43,243,182)
```
#2bccf3
```
#2bccf3 rgb(43,204,243)
```
#2b68f3
```
#2b68f3 rgb(43,104,243)
```

Analogous Color

#f3b62b
```
#f3b62b rgb(243,182,43)
```
#2bccf3
```
#2bccf3 rgb(43,204,243)
```
#f32b68
```
#f32b68 rgb(243,43,104)
```

Split Complementary Color

#ccf32b
```
#ccf32b rgb(204,243,43)
```
#2bccf3
```
#2bccf3 rgb(43,204,243)
```
#f32bcc
```
#f32bcc rgb(243,43,204)
```

Triadic Color

#2bf352
```
#2bf352 rgb(43,243,82)
```
#2bccf3
```
#2bccf3 rgb(43,204,243)
```
#f32bcc
```
#f32bcc rgb(243,43,204)
```
#f3522b
```
#f3522b rgb(243,82,43)
```

Tetradic Color

#0ba2c6
```
#0ba2c6 rgb(11,162,198)
```
#0db5de
```
#0db5de rgb(13,181,222)
```
#13c6f2
```
#13c6f2 rgb(19,198,242)
```
#2bccf3
```
#2bccf3 rgb(43,204,243)
```
#43d2f4
```
#43d2f4 rgb(67,210,244)
```
#5bd8f6
```
#5bd8f6 rgb(91,216,246)
```
#73ddf7
```
#73ddf7 rgb(115,221,247)
```

Monochromatic Color

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

#2bf3e8
```
#2bf3e8 rgb(43,243,232)
```
#2bedf3
```
#2bedf3 rgb(43,237,243)
```
#2bddf3
```
#2bddf3 rgb(43,221,243)
```
#2bccf3
```
#2bccf3 rgb(43,204,243)
```
#2bbbf3
```
#2bbbf3 rgb(43,187,243)
```
#2babf3
```
#2babf3 rgb(43,171,243)
```
#2b9af3
```
#2b9af3 rgb(43,154,243)
```

Similar Colors

Text with hexadecimal color #2bccf3

This text has a font color of #2bccf3.

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

#2bccf3 background color

This paragraph has a background color of #2bccf3.

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

#2bccf3 border color

This element has a border color of #2bccf3.

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

CSS codes

.text {color:#2bccf3;}

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

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

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, #01090b is the darkest color, while #f7fdff is the lightest one.

#01090b
```
#01090b rgb(1,9,11)
```
#02181d
```
#02181d rgb(2,24,29)
```
#032730
```
#032730 rgb(3,39,48)
```
#043642
```
#043642 rgb(4,54,66)
```
#054555
```
#054555 rgb(5,69,85)
```
#065568
```
#065568 rgb(6,85,104)
```
#07647a
```
#07647a rgb(7,100,122)
```
#08738d
```
#08738d rgb(8,115,141)
```
#09829f
```
#09829f rgb(9,130,159)
```
#0a91b2
```
#0a91b2 rgb(10,145,178)
```
#0ba0c4
```
#0ba0c4 rgb(11,160,196)
```
#0cafd7
```
#0cafd7 rgb(12,175,215)
```
#0dbfea
```
#0dbfea rgb(13,191,234)
```

Shade Color Variation

#18c8f2
```
#18c8f2 rgb(24,200,242)
```
#2bccf3
```
#2bccf3 rgb(43,204,243)
```
#3ed0f4
```
#3ed0f4 rgb(62,208,244)
```
#50d5f5
```
#50d5f5 rgb(80,213,245)
```
#63d9f6
```
#63d9f6 rgb(99,217,246)
```
#75def7
```
#75def7 rgb(117,222,247)
```
#88e2f8
```
#88e2f8 rgb(136,226,248)
```
#9ae7f9
```
#9ae7f9 rgb(154,231,249)
```
#adebfa
```
#adebfa rgb(173,235,250)
```
#c0f0fb
```
#c0f0fb rgb(192,240,251)
```
#d2f4fc
```
#d2f4fc rgb(210,244,252)
```
#e5f9fe
```
#e5f9fe rgb(229,249,254)
```
#f7fdff
```
#f7fdff rgb(247,253,255)
```

Tint Color Variation

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

#8a9294
```
#8a9294 rgb(138,146,148)
```
#81979d
```
#81979d rgb(129,151,157)
```
#799da5
```
#799da5 rgb(121,157,165)
```
#70a2ae
```
#70a2ae rgb(112,162,174)
```
#67a7b7
```
#67a7b7 rgb(103,167,183)
```
#5facbf
```
#5facbf rgb(95,172,191)
```
#56b2c8
```
#56b2c8 rgb(86,178,200)
```
#4db7d1
```
#4db7d1 rgb(77,183,209)
```
#45bcd9
```
#45bcd9 rgb(69,188,217)
```
#3cc1e2
```
#3cc1e2 rgb(60,193,226)
```
#34c7ea
```
#34c7ea rgb(52,199,234)
```
#2bccf3
```
#2bccf3 rgb(43,204,243)
```
#22d1fc
```
#22d1fc rgb(34,209,252)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#89a9b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4bde8 Protanopia 1% of men
#adbcfa Deuteranopia 1% of men
#00d1e1 Tritanopia 0.001% of the population

Trichromacy

#82c2ec Protanomaly 1% of men, 0.01% of women
#7ec2f7 Deuteranomaly 6% of men, 0.4% of women
#0fcfe7 Tritanomaly 0.01% of the population

#2bccf3 hex color

#2bccf3 Color Information

#2bccf3 Color Conversion

Color Schemes with #2bccf3

Alternatives to #2bccf3

#2bccf3 Preview

Shades and Tints of #2bccf3

Tones of #2bccf3

Color Blindness Simulator