#2980bf hex color

In a RGB color space, hex #2980bf is composed of 16.1% red, 50.2% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 78.5% cyan, 33% magenta, 0% yellow and 25.1% black. It has a hue angle of 205.2 degrees, a saturation of 64.7% and a lightness of 45.5%. #2980bf color hex could be obtained by blending #52ffff with #00017f. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 16
- G 50
- B 75
RGB color chart
- C 79
- M 33
- Y 0
- K 25
CMYK color chart

● #2980bf color description : Strong blue.

The hexadecimal color #2980bf has RGB values of R:41, G:128, B:191 and CMYK values of C:0.79, M:0.33, Y:0, K:0.25. Its decimal value is 2719935.

Hex triplet	2980bf	`#2980bf`
RGB Decimal	41, 128, 191	`rgb(41,128,191)`
RGB Percent	16.1, 50.2, 74.9	`rgb(16.1%,50.2%,74.9%)`
CMYK	79, 33, 0, 25
HSL	205.2°, 64.7, 45.5	`hsl(205.2,64.7%,45.5%)`
HSV (or HSB)	205.2°, 78.5, 74.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	51.462, -3.464, -40.151
XYZ	18.035, 19.67, 52.133
xyY	0.201, 0.219, 19.67
CIE-LCH	51.462, 40.3, 265.069
CIE-LUV	51.462, -29.556, -61.057
Hunter-Lab	44.351, -5.026, -38.649
Binary	00101001, 10000000, 10111111

#2980bf
```
#2980bf rgb(41,128,191)
```
#bf6829
```
#bf6829 rgb(191,104,41)
```

Complementary Color

#29bfb3
```
#29bfb3 rgb(41,191,179)
```
#2980bf
```
#2980bf rgb(41,128,191)
```
#2935bf
```
#2935bf rgb(41,53,191)
```

Analogous Color

#bfb329
```
#bfb329 rgb(191,179,41)
```
#2980bf
```
#2980bf rgb(41,128,191)
```
#bf2935
```
#bf2935 rgb(191,41,53)
```

Split Complementary Color

#80bf29
```
#80bf29 rgb(128,191,41)
```
#2980bf
```
#2980bf rgb(41,128,191)
```
#bf2980
```
#bf2980 rgb(191,41,128)
```

Triadic Color

#29bf68
```
#29bf68 rgb(41,191,104)
```
#2980bf
```
#2980bf rgb(41,128,191)
```
#bf2980
```
#bf2980 rgb(191,41,128)
```
#bf6829
```
#bf6829 rgb(191,104,41)
```

Tetradic Color

#1b5680
```
#1b5680 rgb(27,86,128)
```
#206495
```
#206495 rgb(32,100,149)
```
#2472aa
```
#2472aa rgb(36,114,170)
```
#2980bf
```
#2980bf rgb(41,128,191)
```
#2f8ed2
```
#2f8ed2 rgb(47,142,210)
```
#4499d7
```
#4499d7 rgb(68,153,215)
```
#59a5db
```
#59a5db rgb(89,165,219)
```

Monochromatic Color

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

#29a6bf
```
#29a6bf rgb(41,166,191)
```
#2999bf
```
#2999bf rgb(41,153,191)
```
#298dbf
```
#298dbf rgb(41,141,191)
```
#2980bf
```
#2980bf rgb(41,128,191)
```
#2974bf
```
#2974bf rgb(41,116,191)
```
#2967bf
```
#2967bf rgb(41,103,191)
```
#295bbf
```
#295bbf rgb(41,91,191)
```

Similar Colors

Text with hexadecimal color #2980bf

This text has a font color of #2980bf.

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

#2980bf background color

This paragraph has a background color of #2980bf.

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

#2980bf border color

This element has a border color of #2980bf.

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

CSS codes

.text {color:#2980bf;}

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

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

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, #03090d is the darkest color, while #fcfdfe is the lightest one.

#03090d
```
#03090d rgb(3,9,13)
```
#06141e
```
#06141e rgb(6,20,30)
```
#0a1f2e
```
#0a1f2e rgb(10,31,46)
```
#0d293e
```
#0d293e rgb(13,41,62)
```
#11344e
```
#11344e rgb(17,52,78)
```
#143f5e
```
#143f5e rgb(20,63,94)
```
#184a6e
```
#184a6e rgb(24,74,110)
```
#1b557e
```
#1b557e rgb(27,85,126)
```
#1f608f
```
#1f608f rgb(31,96,143)
```
#226a9f
```
#226a9f rgb(34,106,159)
```
#2675af
```
#2675af rgb(38,117,175)
```
#2980bf
```
#2980bf rgb(41,128,191)
```
#2c8bcf
```
#2c8bcf rgb(44,139,207)
```

Shade Color Variation

#3a94d5
```
#3a94d5 rgb(58,148,213)
```
#4b9dd8
```
#4b9dd8 rgb(75,157,216)
```
#5ba6dc
```
#5ba6dc rgb(91,166,220)
```
#6baedf
```
#6baedf rgb(107,174,223)
```
#7bb7e3
```
#7bb7e3 rgb(123,183,227)
```
#8bc0e6
```
#8bc0e6 rgb(139,192,230)
```
#9bc9ea
```
#9bc9ea rgb(155,201,234)
```
#abd2ed
```
#abd2ed rgb(171,210,237)
```
#bcdaf1
```
#bcdaf1 rgb(188,218,241)
```
#cce3f4
```
#cce3f4 rgb(204,227,244)
```
#dcecf7
```
#dcecf7 rgb(220,236,247)
```
#ecf5fb
```
#ecf5fb rgb(236,245,251)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#707578
```
#707578 rgb(112,117,120)
```
#677681
```
#677681 rgb(103,118,129)
```
#5f7789
```
#5f7789 rgb(95,119,137)
```
#567992
```
#567992 rgb(86,121,146)
```
#4d7a9b
```
#4d7a9b rgb(77,122,155)
```
#447ca4
```
#447ca4 rgb(68,124,164)
```
#3b7dad
```
#3b7dad rgb(59,125,173)
```
#327fb6
```
#327fb6 rgb(50,127,182)
```
#2980bf
```
#2980bf rgb(41,128,191)
```
#2081c8
```
#2081c8 rgb(32,129,200)
```
#1783d1
```
#1783d1 rgb(23,131,209)
```
#0e84da
```
#0e84da rgb(14,132,218)
```
#0586e3
```
#0586e3 rgb(5,134,227)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#5f717d Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a7fbc Protanopia 1% of men
#5881c4 Deuteranopia 1% of men
#008e97 Tritanopia 0.001% of the population

Trichromacy

#527fbd Protanomaly 1% of men, 0.01% of women
#4781c2 Deuteranomaly 6% of men, 0.4% of women
#0e88a6 Tritanomaly 0.01% of the population

#2980bf hex color

#2980bf Color Information

#2980bf Color Conversion

Color Schemes with #2980bf

Alternatives to #2980bf

#2980bf Preview

Shades and Tints of #2980bf

Tones of #2980bf

Color Blindness Simulator