#2bc4ff hex color

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

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

● #2bc4ff color description : Vivid blue.

The hexadecimal color #2bc4ff has RGB values of R:43, G:196, B:255 and CMYK values of C:0.83, M:0.23, Y:0, K:0. Its decimal value is 2868479.

Hex triplet	2bc4ff	`#2bc4ff`
RGB Decimal	43, 196, 255	`rgb(43,196,255)`
RGB Percent	16.9, 76.9, 100	`rgb(16.9%,76.9%,100%)`
CMYK	83, 23, 0, 0
HSL	196.7°, 100, 58.4	`hsl(196.7,100%,58.4%)`
HSV (or HSB)	196.7°, 83.1, 100
Web Safe	33ccff	`#33ccff`

CIE-LAB	74.324, -18.476, -39.752
XYZ	38.781, 47.21, 101.671
xyY	0.207, 0.252, 47.21
CIE-LCH	74.324, 43.836, 245.072
CIE-LUV	74.324, -48.671, -62.25
Hunter-Lab	68.709, -19.491, -39.636
Binary	00101011, 11000100, 11111111

#2bc4ff
```
#2bc4ff rgb(43,196,255)
```
#ff662b
```
#ff662b rgb(255,102,43)
```

Complementary Color

#2bffd0
```
#2bffd0 rgb(43,255,208)
```
#2bc4ff
```
#2bc4ff rgb(43,196,255)
```
#2b5aff
```
#2b5aff rgb(43,90,255)
```

Analogous Color

#ffd02b
```
#ffd02b rgb(255,208,43)
```
#2bc4ff
```
#2bc4ff rgb(43,196,255)
```
#ff2b5a
```
#ff2b5a rgb(255,43,90)
```

Split Complementary Color

#c4ff2b
```
#c4ff2b rgb(196,255,43)
```
#2bc4ff
```
#2bc4ff rgb(43,196,255)
```
#ff2bc4
```
#ff2bc4 rgb(255,43,196)
```

Triadic Color

#2bff66
```
#2bff66 rgb(43,255,102)
```
#2bc4ff
```
#2bc4ff rgb(43,196,255)
```
#ff2bc4
```
#ff2bc4 rgb(255,43,196)
```
#ff662b
```
#ff662b rgb(255,102,43)
```

Tetradic Color

#00a0de
```
#00a0de rgb(0,160,222)
```
#00b2f7
```
#00b2f7 rgb(0,178,247)
```
#12bdff
```
#12bdff rgb(18,189,255)
```
#2bc4ff
```
#2bc4ff rgb(43,196,255)
```
#45cbff
```
#45cbff rgb(69,203,255)
```
#5ed2ff
```
#5ed2ff rgb(94,210,255)
```
#78d9ff
```
#78d9ff rgb(120,217,255)
```

Monochromatic Color

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

#2bf9ff
```
#2bf9ff rgb(43,249,255)
```
#2be7ff
```
#2be7ff rgb(43,231,255)
```
#2bd6ff
```
#2bd6ff rgb(43,214,255)
```
#2bc4ff
```
#2bc4ff rgb(43,196,255)
```
#2bb2ff
```
#2bb2ff rgb(43,178,255)
```
#2ba1ff
```
#2ba1ff rgb(43,161,255)
```
#2b8fff
```
#2b8fff rgb(43,143,255)
```

Similar Colors

Text with hexadecimal color #2bc4ff

This text has a font color of #2bc4ff.

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

#2bc4ff background color

This paragraph has a background color of #2bc4ff.

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

#2bc4ff border color

This element has a border color of #2bc4ff.

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

CSS codes

.text {color:#2bc4ff;}

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

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

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

#000304
```
#000304 rgb(0,3,4)
```
#001117
```
#001117 rgb(0,17,23)
```
#001f2b
```
#001f2b rgb(0,31,43)
```
#002d3f
```
#002d3f rgb(0,45,63)
```
#003b52
```
#003b52 rgb(0,59,82)
```
#004a66
```
#004a66 rgb(0,74,102)
```
#005879
```
#005879 rgb(0,88,121)
```
#00668d
```
#00668d rgb(0,102,141)
```
#0074a1
```
#0074a1 rgb(0,116,161)
```
#0082b4
```
#0082b4 rgb(0,130,180)
```
#0090c8
```
#0090c8 rgb(0,144,200)
```
#009edc
```
#009edc rgb(0,158,220)
```
#00adef
```
#00adef rgb(0,173,239)
```

Shade Color Variation

#04b9ff
```
#04b9ff rgb(4,185,255)
```
#17bfff
```
#17bfff rgb(23,191,255)
```
#2bc4ff
```
#2bc4ff rgb(43,196,255)
```
#3fc9ff
```
#3fc9ff rgb(63,201,255)
```
#52cfff
```
#52cfff rgb(82,207,255)
```
#66d4ff
```
#66d4ff rgb(102,212,255)
```
#79daff
```
#79daff rgb(121,218,255)
```
#8ddfff
```
#8ddfff rgb(141,223,255)
```
#a1e5ff
```
#a1e5ff rgb(161,229,255)
```
#b4eaff
```
#b4eaff rgb(180,234,255)
```
#c8f0ff
```
#c8f0ff rgb(200,240,255)
```
#dcf5ff
```
#dcf5ff rgb(220,245,255)
```
#effbff
```
#effbff rgb(239,251,255)
```

Tint Color Variation

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

#8d999d
```
#8d999d rgb(141,153,157)
```
#859ca5
```
#859ca5 rgb(133,156,165)
```
#7da0ad
```
#7da0ad rgb(125,160,173)
```
#74a3b6
```
#74a3b6 rgb(116,163,182)
```
#6ca7be
```
#6ca7be rgb(108,167,190)
```
#64abc6
```
#64abc6 rgb(100,171,198)
```
#5caece
```
#5caece rgb(92,174,206)
```
#54b2d6
```
#54b2d6 rgb(84,178,214)
```
#4cb6de
```
#4cb6de rgb(76,182,222)
```
#43b9e7
```
#43b9e7 rgb(67,185,231)
```
#3bbdef
```
#3bbdef rgb(59,189,239)
```
#33c0f7
```
#33c0f7 rgb(51,192,247)
```
#2bc4ff
```
#2bc4ff rgb(43,196,255)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#86a5b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8b8f4 Protanopia 1% of men
#9eb9ff Deuteranopia 1% of men
#00ccdb Tritanopia 0.001% of the population

Trichromacy

#7abcf8 Protanomaly 1% of men, 0.01% of women
#74bdff Deuteranomaly 6% of men, 0.4% of women
#0fc9e8 Tritanomaly 0.01% of the population

#2bc4ff hex color

#2bc4ff Color Information

#2bc4ff Color Conversion

Color Schemes with #2bc4ff

Alternatives to #2bc4ff

#2bc4ff Preview

Shades and Tints of #2bc4ff

Tones of #2bc4ff

Color Blindness Simulator