#2bafd4 hex color

In a RGB color space, hex #2bafd4 is composed of 16.9% red, 68.6% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 79.7% cyan, 17.5% magenta, 0% yellow and 16.9% black. It has a hue angle of 193.1 degrees, a saturation of 66.3% and a lightness of 50%. #2bafd4 color hex could be obtained by blending #56ffff with #005fa9. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 17
- G 69
- B 83
RGB color chart
- C 80
- M 17
- Y 0
- K 17
CMYK color chart

● #2bafd4 color description : Strong cyan.

The hexadecimal color #2bafd4 has RGB values of R:43, G:175, B:212 and CMYK values of C:0.8, M:0.17, Y:0, K:0.17. Its decimal value is 2863060.

Hex triplet	2bafd4	`#2bafd4`
RGB Decimal	43, 175, 212	`rgb(43,175,212)`
RGB Percent	16.9, 68.6, 83.1	`rgb(16.9%,68.6%,83.1%)`
CMYK	80, 17, 0, 17
HSL	193.1°, 66.3, 50	`hsl(193.1,66.3%,50%)`
HSV (or HSB)	193.1°, 79.7, 83.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	66.462, -21.931, -28.553
XYZ	28.207, 35.924, 67.731
xyY	0.214, 0.272, 35.924
CIE-LCH	66.462, 36.003, 232.473
CIE-LUV	66.462, -44.377, -41.979
Hunter-Lab	59.937, -20.887, -25.044
Binary	00101011, 10101111, 11010100

#2bafd4
```
#2bafd4 rgb(43,175,212)
```
#d4502b
```
#d4502b rgb(212,80,43)
```

Complementary Color

#2bd4a5
```
#2bd4a5 rgb(43,212,165)
```
#2bafd4
```
#2bafd4 rgb(43,175,212)
```
#2b5bd4
```
#2b5bd4 rgb(43,91,212)
```

Analogous Color

#d4a52b
```
#d4a52b rgb(212,165,43)
```
#2bafd4
```
#2bafd4 rgb(43,175,212)
```
#d42b5a
```
#d42b5a rgb(212,43,90)
```

Split Complementary Color

#afd42b
```
#afd42b rgb(175,212,43)
```
#2bafd4
```
#2bafd4 rgb(43,175,212)
```
#d42baf
```
#d42baf rgb(212,43,175)
```

Triadic Color

#2bd450
```
#2bd450 rgb(43,212,80)
```
#2bafd4
```
#2bafd4 rgb(43,175,212)
```
#d42baf
```
#d42baf rgb(212,43,175)
```
#d4502b
```
#d4502b rgb(212,80,43)
```

Tetradic Color

#1e7b94
```
#1e7b94 rgb(30,123,148)
```
#228caa
```
#228caa rgb(34,140,170)
```
#279ebf
```
#279ebf rgb(39,158,191)
```
#2bafd4
```
#2bafd4 rgb(43,175,212)
```
#40b7d8
```
#40b7d8 rgb(64,183,216)
```
#55bfdd
```
#55bfdd rgb(85,191,221)
```
#6bc7e1
```
#6bc7e1 rgb(107,199,225)
```

Monochromatic Color

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

#2bd4cf
```
#2bd4cf rgb(43,212,207)
```
#2bcbd4
```
#2bcbd4 rgb(43,203,212)
```
#2bbdd4
```
#2bbdd4 rgb(43,189,212)
```
#2bafd4
```
#2bafd4 rgb(43,175,212)
```
#2ba1d4
```
#2ba1d4 rgb(43,161,212)
```
#2b93d4
```
#2b93d4 rgb(43,147,212)
```
#2b85d4
```
#2b85d4 rgb(43,133,212)
```

Similar Colors

Text with hexadecimal color #2bafd4

This text has a font color of #2bafd4.

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

#2bafd4 background color

This paragraph has a background color of #2bafd4.

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

#2bafd4 border color

This element has a border color of #2bafd4.

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

CSS codes

.text {color:#2bafd4;}

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

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

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, #030d10 is the darkest color, while #ffffff is the lightest one.

#030d10
```
#030d10 rgb(3,13,16)
```
#071b21
```
#071b21 rgb(7,27,33)
```
#0a2831
```
#0a2831 rgb(10,40,49)
```
#0d3641
```
#0d3641 rgb(13,54,65)
```
#114352
```
#114352 rgb(17,67,82)
```
#145162
```
#145162 rgb(20,81,98)
```
#175e72
```
#175e72 rgb(23,94,114)
```
#1a6c82
```
#1a6c82 rgb(26,108,130)
```
#1e7993
```
#1e7993 rgb(30,121,147)
```
#2187a3
```
#2187a3 rgb(33,135,163)
```
#2494b3
```
#2494b3 rgb(36,148,179)
```
#28a2c4
```
#28a2c4 rgb(40,162,196)
```
#2bafd4
```
#2bafd4 rgb(43,175,212)
```

Shade Color Variation

#3bb5d7
```
#3bb5d7 rgb(59,181,215)
```
#4cbbdb
```
#4cbbdb rgb(76,187,219)
```
#5cc1de
```
#5cc1de rgb(92,193,222)
```
#6cc8e1
```
#6cc8e1 rgb(108,200,225)
```
#7dcee5
```
#7dcee5 rgb(125,206,229)
```
#8dd4e8
```
#8dd4e8 rgb(141,212,232)
```
#9ddaeb
```
#9ddaeb rgb(157,218,235)
```
#ade0ee
```
#ade0ee rgb(173,224,238)
```
#bee6f2
```
#bee6f2 rgb(190,230,242)
```
#ceedf5
```
#ceedf5 rgb(206,237,245)
```
#def3f8
```
#def3f8 rgb(222,243,248)
```
#eff9fc
```
#eff9fc rgb(239,249,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#798386
```
#798386 rgb(121,131,134)
```
#70888f
```
#70888f rgb(112,136,143)
```
#668e99
```
#668e99 rgb(102,142,153)
```
#5c93a3
```
#5c93a3 rgb(92,147,163)
```
#5299ad
```
#5299ad rgb(82,153,173)
```
#489eb7
```
#489eb7 rgb(72,158,183)
```
#3fa4c0
```
#3fa4c0 rgb(63,164,192)
```
#35a9ca
```
#35a9ca rgb(53,169,202)
```
#2bafd4
```
#2bafd4 rgb(43,175,212)
```
#21b5de
```
#21b5de rgb(33,181,222)
```
#17bae8
```
#17bae8 rgb(23,186,232)
```
#0ec0f1
```
#0ec0f1 rgb(14,192,241)
```
#04c5fb
```
#04c5fb rgb(4,197,251)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#79939a Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ca4cc Protanopia 1% of men
#95a4dc Deuteranopia 1% of men
#12b6c3 Tritanopia 0.001% of the population

Trichromacy

#72a8cf Protanomaly 1% of men, 0.01% of women
#6ea8d9 Deuteranomaly 6% of men, 0.4% of women
#1bb3c9 Tritanomaly 0.01% of the population

#2bafd4 hex color

#2bafd4 Color Information

#2bafd4 Color Conversion

Color Schemes with #2bafd4

Alternatives to #2bafd4

#2bafd4 Preview

Shades and Tints of #2bafd4

Tones of #2bafd4

Color Blindness Simulator