#2b8ed4 hex color

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

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

● #2b8ed4 color description : Strong blue.

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

Hex triplet	2b8ed4	`#2b8ed4`
RGB Decimal	43, 142, 212	`rgb(43,142,212)`
RGB Percent	16.9, 55.7, 83.1	`rgb(16.9%,55.7%,83.1%)`
CMYK	80, 33, 0, 17
HSL	204.9°, 66.3, 50	`hsl(204.9,66.3%,50%)`
HSV (or HSB)	204.9°, 79.7, 83.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	56.695, -3.806, -43.794
XYZ	22.55, 24.611, 65.846
xyY	0.2, 0.218, 24.611
CIE-LCH	56.695, 43.959, 265.033
CIE-LUV	56.695, -32.993, -68.129
Hunter-Lab	49.61, -5.68, -43.968
Binary	00101011, 10001110, 11010100

#2b8ed4
```
#2b8ed4 rgb(43,142,212)
```
#d4712b
```
#d4712b rgb(212,113,43)
```

Complementary Color

#2bd4c6
```
#2bd4c6 rgb(43,212,198)
```
#2b8ed4
```
#2b8ed4 rgb(43,142,212)
```
#2b39d4
```
#2b39d4 rgb(43,57,212)
```

Analogous Color

#d4c62b
```
#d4c62b rgb(212,198,43)
```
#2b8ed4
```
#2b8ed4 rgb(43,142,212)
```
#d42b39
```
#d42b39 rgb(212,43,57)
```

Split Complementary Color

#8ed42b
```
#8ed42b rgb(142,212,43)
```
#2b8ed4
```
#2b8ed4 rgb(43,142,212)
```
#d42b8e
```
#d42b8e rgb(212,43,142)
```

Triadic Color

#2bd471
```
#2bd471 rgb(43,212,113)
```
#2b8ed4
```
#2b8ed4 rgb(43,142,212)
```
#d42b8e
```
#d42b8e rgb(212,43,142)
```
#d4712b
```
#d4712b rgb(212,113,43)
```

Tetradic Color

#1e6394
```
#1e6394 rgb(30,99,148)
```
#2272aa
```
#2272aa rgb(34,114,170)
```
#2780bf
```
#2780bf rgb(39,128,191)
```
#2b8ed4
```
#2b8ed4 rgb(43,142,212)
```
#4099d8
```
#4099d8 rgb(64,153,216)
```
#55a5dd
```
#55a5dd rgb(85,165,221)
```
#6bb0e1
```
#6bb0e1 rgb(107,176,225)
```

Monochromatic Color

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

#2bb8d4
```
#2bb8d4 rgb(43,184,212)
```
#2baad4
```
#2baad4 rgb(43,170,212)
```
#2b9cd4
```
#2b9cd4 rgb(43,156,212)
```
#2b8ed4
```
#2b8ed4 rgb(43,142,212)
```
#2b80d4
```
#2b80d4 rgb(43,128,212)
```
#2b72d4
```
#2b72d4 rgb(43,114,212)
```
#2b64d4
```
#2b64d4 rgb(43,100,212)
```

Similar Colors

Text with hexadecimal color #2b8ed4

This text has a font color of #2b8ed4.

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

#2b8ed4 background color

This paragraph has a background color of #2b8ed4.

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

#2b8ed4 border color

This element has a border color of #2b8ed4.

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

CSS codes

.text {color:#2b8ed4;}

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

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

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

#030b10
```
#030b10 rgb(3,11,16)
```
#071621
```
#071621 rgb(7,22,33)
```
#0a2131
```
#0a2131 rgb(10,33,49)
```
#0d2c41
```
#0d2c41 rgb(13,44,65)
```
#113752
```
#113752 rgb(17,55,82)
```
#144262
```
#144262 rgb(20,66,98)
```
#174c72
```
#174c72 rgb(23,76,114)
```
#1a5782
```
#1a5782 rgb(26,87,130)
```
#1e6293
```
#1e6293 rgb(30,98,147)
```
#216da3
```
#216da3 rgb(33,109,163)
```
#2478b3
```
#2478b3 rgb(36,120,179)
```
#2883c4
```
#2883c4 rgb(40,131,196)
```
#2b8ed4
```
#2b8ed4 rgb(43,142,212)
```

Shade Color Variation

#3b97d7
```
#3b97d7 rgb(59,151,215)
```
#4c9fdb
```
#4c9fdb rgb(76,159,219)
```
#5ca8de
```
#5ca8de rgb(92,168,222)
```
#6cb1e1
```
#6cb1e1 rgb(108,177,225)
```
#7db9e5
```
#7db9e5 rgb(125,185,229)
```
#8dc2e8
```
#8dc2e8 rgb(141,194,232)
```
#9dcbeb
```
#9dcbeb rgb(157,203,235)
```
#add4ee
```
#add4ee rgb(173,212,238)
```
#bedcf2
```
#bedcf2 rgb(190,220,242)
```
#cee5f5
```
#cee5f5 rgb(206,229,245)
```
#deeef8
```
#deeef8 rgb(222,238,248)
```
#eff6fc
```
#eff6fc rgb(239,246,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#798186
```
#798186 rgb(121,129,134)
```
#70828f
```
#70828f rgb(112,130,143)
```
#668499
```
#668499 rgb(102,132,153)
```
#5c86a3
```
#5c86a3 rgb(92,134,163)
```
#5287ad
```
#5287ad rgb(82,135,173)
```
#4889b7
```
#4889b7 rgb(72,137,183)
```
#3f8bc0
```
#3f8bc0 rgb(63,139,192)
```
#358cca
```
#358cca rgb(53,140,202)
```
#2b8ed4
```
#2b8ed4 rgb(43,142,212)
```
#2190de
```
#2190de rgb(33,144,222)
```
#1791e8
```
#1791e8 rgb(23,145,232)
```
#0e93f1
```
#0e93f1 rgb(14,147,241)
```
#0495fb
```
#0495fb rgb(4,149,251)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#697c8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#748bd0 Protanopia 1% of men
#608ed8 Deuteranopia 1% of men
#009ca6 Tritanopia 0.001% of the population

Trichromacy

#598cd1 Protanomaly 1% of men, 0.01% of women
#4c8ed6 Deuteranomaly 6% of men, 0.4% of women
#0f96b7 Tritanomaly 0.01% of the population

#2b8ed4 hex color

#2b8ed4 Color Information

#2b8ed4 Color Conversion

Color Schemes with #2b8ed4

Alternatives to #2b8ed4

#2b8ed4 Preview

Shades and Tints of #2b8ed4

Tones of #2b8ed4

Color Blindness Simulator