#2980b8 hex color

In a RGB color space, hex #2980b8 is composed of 16.1% red, 50.2% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 77.7% cyan, 30.4% magenta, 0% yellow and 27.8% black. It has a hue angle of 203.5 degrees, a saturation of 63.6% and a lightness of 44.1%. #2980b8 color hex could be obtained by blending #52ffff with #000171. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 16
- G 50
- B 72
RGB color chart
- C 78
- M 30
- Y 0
- K 28
CMYK color chart

● #2980b8 color description : Strong blue.

The hexadecimal color #2980b8 has RGB values of R:41, G:128, B:184 and CMYK values of C:0.78, M:0.3, Y:0, K:0.28. Its decimal value is 2719928.

Hex triplet	2980b8	`#2980b8`
RGB Decimal	41, 128, 184	`rgb(41,128,184)`
RGB Percent	16.1, 50.2, 72.2	`rgb(16.1%,50.2%,72.2%)`
CMYK	78, 30, 0, 28
HSL	203.5°, 63.6, 44.1	`hsl(203.5,63.6%,44.1%)`
HSV (or HSB)	203.5°, 77.7, 72.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	51.116, -6.025, -36.679
XYZ	17.283, 19.369, 48.172
xyY	0.204, 0.228, 19.369
CIE-LCH	51.116, 37.171, 260.672
CIE-LUV	51.116, -29.906, -55.126
Hunter-Lab	44.01, -6.919, -34.09
Binary	00101001, 10000000, 10111000

#2980b8
```
#2980b8 rgb(41,128,184)
```
#b86129
```
#b86129 rgb(184,97,41)
```

Complementary Color

#29b8a9
```
#29b8a9 rgb(41,184,169)
```
#2980b8
```
#2980b8 rgb(41,128,184)
```
#2939b8
```
#2939b8 rgb(41,57,184)
```

Analogous Color

#b8a929
```
#b8a929 rgb(184,169,41)
```
#2980b8
```
#2980b8 rgb(41,128,184)
```
#b82939
```
#b82939 rgb(184,41,57)
```

Split Complementary Color

#80b829
```
#80b829 rgb(128,184,41)
```
#2980b8
```
#2980b8 rgb(41,128,184)
```
#b82980
```
#b82980 rgb(184,41,128)
```

Triadic Color

#29b861
```
#29b861 rgb(41,184,97)
```
#2980b8
```
#2980b8 rgb(41,128,184)
```
#b82980
```
#b82980 rgb(184,41,128)
```
#b86129
```
#b86129 rgb(184,97,41)
```

Tetradic Color

#1b5479
```
#1b5479 rgb(27,84,121)
```
#20638e
```
#20638e rgb(32,99,142)
```
#2471a3
```
#2471a3 rgb(36,113,163)
```
#2980b8
```
#2980b8 rgb(41,128,184)
```
#2e8fcd
```
#2e8fcd rgb(46,143,205)
```
#409ad4
```
#409ad4 rgb(64,154,212)
```
#54a5d9
```
#54a5d9 rgb(84,165,217)
```

Monochromatic Color

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

#29a4b8
```
#29a4b8 rgb(41,164,184)
```
#2998b8
```
#2998b8 rgb(41,152,184)
```
#298cb8
```
#298cb8 rgb(41,140,184)
```
#2980b8
```
#2980b8 rgb(41,128,184)
```
#2974b8
```
#2974b8 rgb(41,116,184)
```
#2968b8
```
#2968b8 rgb(41,104,184)
```
#295cb8
```
#295cb8 rgb(41,92,184)
```

Similar Colors

Text with hexadecimal color #2980b8

This text has a font color of #2980b8.

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

#2980b8 background color

This paragraph has a background color of #2980b8.

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

#2980b8 border color

This element has a border color of #2980b8.

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

CSS codes

.text {color:#2980b8;}

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

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

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, #020508 is the darkest color, while #f7fbfd is the lightest one.

#020508
```
#020508 rgb(2,5,8)
```
#051018
```
#051018 rgb(5,16,24)
```
#091c28
```
#091c28 rgb(9,28,40)
```
#0c2738
```
#0c2738 rgb(12,39,56)
```
#103248
```
#103248 rgb(16,50,72)
```
#143d58
```
#143d58 rgb(20,61,88)
```
#174868
```
#174868 rgb(23,72,104)
```
#1b5378
```
#1b5378 rgb(27,83,120)
```
#1e5f88
```
#1e5f88 rgb(30,95,136)
```
#226a98
```
#226a98 rgb(34,106,152)
```
#2575a8
```
#2575a8 rgb(37,117,168)
```
#2980b8
```
#2980b8 rgb(41,128,184)
```
#2d8bc8
```
#2d8bc8 rgb(45,139,200)
```

Shade Color Variation

#3695d2
```
#3695d2 rgb(54,149,210)
```
#469ed6
```
#469ed6 rgb(70,158,214)
```
#56a6d9
```
#56a6d9 rgb(86,166,217)
```
#66aedd
```
#66aedd rgb(102,174,221)
```
#76b7e1
```
#76b7e1 rgb(118,183,225)
```
#86bfe4
```
#86bfe4 rgb(134,191,228)
```
#96c8e8
```
#96c8e8 rgb(150,200,232)
```
#a6d0eb
```
#a6d0eb rgb(166,208,235)
```
#b6d9ef
```
#b6d9ef rgb(182,217,239)
```
#c6e1f2
```
#c6e1f2 rgb(198,225,242)
```
#d6eaf6
```
#d6eaf6 rgb(214,234,246)
```
#e6f2fa
```
#e6f2fa rgb(230,242,250)
```
#f7fbfd
```
#f7fbfd rgb(247,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6e7173 is the less saturated color, while #0688db is the most saturated one.

#6e7173
```
#6e7173 rgb(110,113,115)
```
#66737b
```
#66737b rgb(102,115,123)
```
#5d7584
```
#5d7584 rgb(93,117,132)
```
#54778d
```
#54778d rgb(84,119,141)
```
#4c7895
```
#4c7895 rgb(76,120,149)
```
#437a9e
```
#437a9e rgb(67,122,158)
```
#3a7ca7
```
#3a7ca7 rgb(58,124,167)
```
#327eaf
```
#327eaf rgb(50,126,175)
```
#2980b8
```
#2980b8 rgb(41,128,184)
```
#2082c1
```
#2082c1 rgb(32,130,193)
```
#1884c9
```
#1884c9 rgb(24,132,201)
```
#0f86d2
```
#0f86d2 rgb(15,134,210)
```
#0688db
```
#0688db rgb(6,136,219)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#5f707b Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d7eb5 Protanopia 1% of men
#5f80be Deuteranopia 1% of men
#008d97 Tritanopia 0.001% of the population

Trichromacy

#547fb6 Protanomaly 1% of men, 0.01% of women
#4b80bb Deuteranomaly 6% of men, 0.4% of women
#0e88a3 Tritanomaly 0.01% of the population

#2980b8 hex color

#2980b8 Color Information

#2980b8 Color Conversion

Color Schemes with #2980b8

Alternatives to #2980b8

#2980b8 Preview

Shades and Tints of #2980b8

Tones of #2980b8

Color Blindness Simulator