#2b80d4 hex color

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

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

● #2b80d4 color description : Strong blue.

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

Hex triplet	2b80d4	`#2b80d4`
RGB Decimal	43, 128, 212	`rgb(43,128,212)`
RGB Percent	16.9, 50.2, 83.1	`rgb(16.9%,50.2%,83.1%)`
CMYK	80, 40, 0, 17
HSL	209.8°, 66.3, 50	`hsl(209.8,66.3%,50%)`
HSV (or HSB)	209.8°, 79.7, 83.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	52.624, 4.53, -50.253
XYZ	20.596, 20.704, 65.194
xyY	0.193, 0.194, 20.704
CIE-LCH	52.624, 50.457, 275.151
CIE-LUV	52.624, -28.344, -78.388
Hunter-Lab	45.501, 1.171, -53.1
Binary	00101011, 10000000, 11010100

#2b80d4
```
#2b80d4 rgb(43,128,212)
```
#d47f2b
```
#d47f2b rgb(212,127,43)
```

Complementary Color

#2bd4d4
```
#2bd4d4 rgb(43,212,212)
```
#2b80d4
```
#2b80d4 rgb(43,128,212)
```
#2b2cd4
```
#2b2cd4 rgb(43,44,212)
```

Analogous Color

#d4d42b
```
#d4d42b rgb(212,212,43)
```
#2b80d4
```
#2b80d4 rgb(43,128,212)
```
#d42b2c
```
#d42b2c rgb(212,43,44)
```

Split Complementary Color

#80d42b
```
#80d42b rgb(128,212,43)
```
#2b80d4
```
#2b80d4 rgb(43,128,212)
```
#d42b80
```
#d42b80 rgb(212,43,128)
```

Triadic Color

#2bd47f
```
#2bd47f rgb(43,212,127)
```
#2b80d4
```
#2b80d4 rgb(43,128,212)
```
#d42b80
```
#d42b80 rgb(212,43,128)
```
#d47f2b
```
#d47f2b rgb(212,127,43)
```

Tetradic Color

#1e5a94
```
#1e5a94 rgb(30,90,148)
```
#2266aa
```
#2266aa rgb(34,102,170)
```
#2773bf
```
#2773bf rgb(39,115,191)
```
#2b80d4
```
#2b80d4 rgb(43,128,212)
```
#408dd8
```
#408dd8 rgb(64,141,216)
```
#5599dd
```
#5599dd rgb(85,153,221)
```
#6ba6e1
```
#6ba6e1 rgb(107,166,225)
```

Monochromatic Color

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

#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)
```
#2b56d4
```
#2b56d4 rgb(43,86,212)
```

Similar Colors

Text with hexadecimal color #2b80d4

This text has a font color of #2b80d4.

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

#2b80d4 background color

This paragraph has a background color of #2b80d4.

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

#2b80d4 border color

This element has a border color of #2b80d4.

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

CSS codes

.text {color:#2b80d4;}

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

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

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

#030a10
```
#030a10 rgb(3,10,16)
```
#071421
```
#071421 rgb(7,20,33)
```
#0a1e31
```
#0a1e31 rgb(10,30,49)
```
#0d2741
```
#0d2741 rgb(13,39,65)
```
#113152
```
#113152 rgb(17,49,82)
```
#143b62
```
#143b62 rgb(20,59,98)
```
#174572
```
#174572 rgb(23,69,114)
```
#1a4f82
```
#1a4f82 rgb(26,79,130)
```
#1e5993
```
#1e5993 rgb(30,89,147)
```
#2162a3
```
#2162a3 rgb(33,98,163)
```
#246cb3
```
#246cb3 rgb(36,108,179)
```
#2876c4
```
#2876c4 rgb(40,118,196)
```
#2b80d4
```
#2b80d4 rgb(43,128,212)
```

Shade Color Variation

#3b8ad7
```
#3b8ad7 rgb(59,138,215)
```
#4c94db
```
#4c94db rgb(76,148,219)
```
#5c9dde
```
#5c9dde rgb(92,157,222)
```
#6ca7e1
```
#6ca7e1 rgb(108,167,225)
```
#7db1e5
```
#7db1e5 rgb(125,177,229)
```
#8dbbe8
```
#8dbbe8 rgb(141,187,232)
```
#9dc4eb
```
#9dc4eb rgb(157,196,235)
```
#adceee
```
#adceee rgb(173,206,238)
```
#bed8f2
```
#bed8f2 rgb(190,216,242)
```
#cee2f5
```
#cee2f5 rgb(206,226,245)
```
#deebf8
```
#deebf8 rgb(222,235,248)
```
#eff5fc
```
#eff5fc rgb(239,245,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#798086
```
#798086 rgb(121,128,134)
```
#70808f
```
#70808f rgb(112,128,143)
```
#668099
```
#668099 rgb(102,128,153)
```
#5c80a3
```
#5c80a3 rgb(92,128,163)
```
#5280ad
```
#5280ad rgb(82,128,173)
```
#4880b7
```
#4880b7 rgb(72,128,183)
```
#3f80c0
```
#3f80c0 rgb(63,128,192)
```
#3580ca
```
#3580ca rgb(53,128,202)
```
#2b80d4
```
#2b80d4 rgb(43,128,212)
```
#2180de
```
#2180de rgb(33,128,222)
```
#1780e8
```
#1780e8 rgb(23,128,232)
```
#0e80f1
```
#0e80f1 rgb(14,128,241)
```
#0480fb
```
#0480fb rgb(4,128,251)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#627384 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6081d2 Protanopia 1% of men
#3f85d6 Deuteranopia 1% of men
#00919a Tritanopia 0.001% of the population

Trichromacy

#4c81d2 Protanomaly 1% of men, 0.01% of women
#3883d5 Deuteranomaly 6% of men, 0.4% of women
#0f8aaf Tritanomaly 0.01% of the population

#2b80d4 hex color

#2b80d4 Color Information

#2b80d4 Color Conversion

Color Schemes with #2b80d4

Alternatives to #2b80d4

#2b80d4 Preview

Shades and Tints of #2b80d4

Tones of #2b80d4

Color Blindness Simulator