#2980e2 hex color

In a RGB color space, hex #2980e2 is composed of 16.1% red, 50.2% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 81.9% cyan, 43.4% magenta, 0% yellow and 11.4% black. It has a hue angle of 211.8 degrees, a saturation of 76.1% and a lightness of 52.4%. #2980e2 color hex could be obtained by blending #52ffff with #0001c5. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 16
- G 50
- B 89
RGB color chart
- C 82
- M 43
- Y 0
- K 11
CMYK color chart

● #2980e2 color description : Bright blue.

The hexadecimal color #2980e2 has RGB values of R:41, G:128, B:226 and CMYK values of C:0.82, M:0.43, Y:0, K:0.11. Its decimal value is 2719970.

Hex triplet	2980e2	`#2980e2`
RGB Decimal	41, 128, 226	`rgb(41,128,226)`
RGB Percent	16.1, 50.2, 88.6	`rgb(16.1%,50.2%,88.6%)`
CMYK	82, 43, 0, 11
HSL	211.8°, 76.1, 52.4	`hsl(211.8,76.1%,52.4%)`
HSV (or HSB)	211.8°, 81.9, 88.6
Web Safe	3399cc	`#3399cc`

CIE-LAB	53.383, 9.585, -56.924
XYZ	22.358, 21.399, 74.899
xyY	0.188, 0.18, 21.399
CIE-LCH	53.383, 57.726, 279.558
CIE-LUV	53.383, -28.037, -89.727
Hunter-Lab	46.259, 5.32, -63.617
Binary	00101001, 10000000, 11100010

#2980e2
```
#2980e2 rgb(41,128,226)
```
#e28b29
```
#e28b29 rgb(226,139,41)
```

Complementary Color

#29dde2
```
#29dde2 rgb(41,221,226)
```
#2980e2
```
#2980e2 rgb(41,128,226)
```
#2e29e2
```
#2e29e2 rgb(46,41,226)
```

Analogous Color

#dde229
```
#dde229 rgb(221,226,41)
```
#2980e2
```
#2980e2 rgb(41,128,226)
```
#e22e29
```
#e22e29 rgb(226,46,41)
```

Split Complementary Color

#80e229
```
#80e229 rgb(128,226,41)
```
#2980e2
```
#2980e2 rgb(41,128,226)
```
#e22980
```
#e22980 rgb(226,41,128)
```

Triadic Color

#29e28b
```
#29e28b rgb(41,226,139)
```
#2980e2
```
#2980e2 rgb(41,128,226)
```
#e22980
```
#e22980 rgb(226,41,128)
```
#e28b29
```
#e28b29 rgb(226,139,41)
```

Tetradic Color

#175ba8
```
#175ba8 rgb(23,91,168)
```
#1a67be
```
#1a67be rgb(26,103,190)
```
#1d73d5
```
#1d73d5 rgb(29,115,213)
```
#2980e2
```
#2980e2 rgb(41,128,226)
```
#3f8de5
```
#3f8de5 rgb(63,141,229)
```
#569be8
```
#569be8 rgb(86,155,232)
```
#6ca8eb
```
#6ca8eb rgb(108,168,235)
```

Monochromatic Color

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

#29aee2
```
#29aee2 rgb(41,174,226)
```
#299fe2
```
#299fe2 rgb(41,159,226)
```
#298fe2
```
#298fe2 rgb(41,143,226)
```
#2980e2
```
#2980e2 rgb(41,128,226)
```
#2971e2
```
#2971e2 rgb(41,113,226)
```
#2961e2
```
#2961e2 rgb(41,97,226)
```
#2952e2
```
#2952e2 rgb(41,82,226)
```

Similar Colors

Text with hexadecimal color #2980e2

This text has a font color of #2980e2.

<span style="color:#2980e2;">Text here</span>

#2980e2 background color

This paragraph has a background color of #2980e2.

<p style="background-color:#2980e2;">Content here</p>

#2980e2 border color

This element has a border color of #2980e2.

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

CSS codes

.text {color:#2980e2;}

.background {background-color:#2980e2;}

.border {border:1px solid #2980e2;}

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

#01060b
```
#01060b rgb(1,6,11)
```
#040f1c
```
#040f1c rgb(4,15,28)
```
#06182d
```
#06182d rgb(6,24,45)
```
#08223e
```
#08223e rgb(8,34,62)
```
#0b2b50
```
#0b2b50 rgb(11,43,80)
```
#0d3561
```
#0d3561 rgb(13,53,97)
```
#0f3e72
```
#0f3e72 rgb(15,62,114)
```
#124783
```
#124783 rgb(18,71,131)
```
#145195
```
#145195 rgb(20,81,149)
```
#175aa6
```
#175aa6 rgb(23,90,166)
```
#1963b7
```
#1963b7 rgb(25,99,183)
```
#1b6dc9
```
#1b6dc9 rgb(27,109,201)
```
#1e76da
```
#1e76da rgb(30,118,218)
```

Shade Color Variation

#2980e2
```
#2980e2 rgb(41,128,226)
```
#3a8ae4
```
#3a8ae4 rgb(58,138,228)
```
#4c95e7
```
#4c95e7 rgb(76,149,231)
```
#5d9fe9
```
#5d9fe9 rgb(93,159,233)
```
#6ea9eb
```
#6ea9eb rgb(110,169,235)
```
#7fb3ee
```
#7fb3ee rgb(127,179,238)
```
#91bef0
```
#91bef0 rgb(145,190,240)
```
#a2c8f2
```
#a2c8f2 rgb(162,200,242)
```
#b3d2f5
```
#b3d2f5 rgb(179,210,245)
```
#c4dcf7
```
#c4dcf7 rgb(196,220,247)
```
#d6e7f9
```
#d6e7f9 rgb(214,231,249)
```
#e7f1fc
```
#e7f1fc rgb(231,241,252)
```
#f8fbfe
```
#f8fbfe rgb(248,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d858e is the less saturated color, while #0d7efe is the most saturated one.

#7d858e
```
#7d858e rgb(125,133,142)
```
#748497
```
#748497 rgb(116,132,151)
```
#6a84a1
```
#6a84a1 rgb(106,132,161)
```
#6183aa
```
#6183aa rgb(97,131,170)
```
#5883b3
```
#5883b3 rgb(88,131,179)
```
#4e82bd
```
#4e82bd rgb(78,130,189)
```
#4582c6
```
#4582c6 rgb(69,130,198)
```
#3c81cf
```
#3c81cf rgb(60,129,207)
```
#3281d9
```
#3281d9 rgb(50,129,217)
```
#2980e2
```
#2980e2 rgb(41,128,226)
```
#207feb
```
#207feb rgb(32,127,235)
```
#167ff5
```
#167ff5 rgb(22,127,245)
```
#0d7efe
```
#0d7efe rgb(13,126,254)
```

Tone Color Variation

Below, you can see how #2980e2 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

#717171 Achromatopsia 0.005% of the population
#637488 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5683e0 Protanopia 1% of men
#1788e2 Deuteranopia 1% of men
#00939c Tritanopia 0.001% of the population

Trichromacy

#4681e1 Protanomaly 1% of men, 0.01% of women
#1d85e2 Deuteranomaly 6% of men, 0.4% of women
#0e8cb5 Tritanomaly 0.01% of the population

#2980e2 hex color

#2980e2 Color Information

#2980e2 Color Conversion

Color Schemes with #2980e2

Alternatives to #2980e2

#2980e2 Preview

Shades and Tints of #2980e2

Tones of #2980e2

Color Blindness Simulator