#2980f3 hex color

In a RGB color space, hex #2980f3 is composed of 16.1% red, 50.2% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 83.1% cyan, 47.3% magenta, 0% yellow and 4.7% black. It has a hue angle of 214.2 degrees, a saturation of 89.4% and a lightness of 55.7%. #2980f3 color hex could be obtained by blending #52ffff with #0001e7. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 16
- G 50
- B 95
RGB color chart
- C 83
- M 47
- Y 0
- K 5
CMYK color chart

● #2980f3 color description : Bright blue.

The hexadecimal color #2980f3 has RGB values of R:41, G:128, B:243 and CMYK values of C:0.83, M:0.47, Y:0, K:0.05. Its decimal value is 2719987.

Hex triplet	2980f3	`#2980f3`
RGB Decimal	41, 128, 243	`rgb(41,128,243)`
RGB Percent	16.1, 50.2, 95.3	`rgb(16.1%,50.2%,95.3%)`
CMYK	83, 47, 0, 5
HSL	214.2°, 89.4, 55.7	`hsl(214.2,89.4%,55.7%)`
HSV (or HSB)	214.2°, 83.1, 95.3
Web Safe	3399ff	`#3399ff`

CIE-LAB	54.427, 15.973, -64.731
XYZ	24.808, 22.379, 87.801
xyY	0.184, 0.166, 22.379
CIE-LCH	54.427, 66.672, 283.861
CIE-LUV	54.427, -27.445, -102.955
Hunter-Lab	47.306, 10.821, -76.929
Binary	00101001, 10000000, 11110011

#2980f3
```
#2980f3 rgb(41,128,243)
```
#f39c29
```
#f39c29 rgb(243,156,41)
```

Complementary Color

#29e5f3
```
#29e5f3 rgb(41,229,243)
```
#2980f3
```
#2980f3 rgb(41,128,243)
```
#3729f3
```
#3729f3 rgb(55,41,243)
```

Analogous Color

#e5f329
```
#e5f329 rgb(229,243,41)
```
#2980f3
```
#2980f3 rgb(41,128,243)
```
#f33729
```
#f33729 rgb(243,55,41)
```

Split Complementary Color

#80f329
```
#80f329 rgb(128,243,41)
```
#2980f3
```
#2980f3 rgb(41,128,243)
```
#f32980
```
#f32980 rgb(243,41,128)
```

Triadic Color

#29f39c
```
#29f39c rgb(41,243,156)
```
#2980f3
```
#2980f3 rgb(41,128,243)
```
#f32980
```
#f32980 rgb(243,41,128)
```
#f39c29
```
#f39c29 rgb(243,156,41)
```

Tetradic Color

#0b5bc4
```
#0b5bc4 rgb(11,91,196)
```
#0c66dd
```
#0c66dd rgb(12,102,221)
```
#1172f2
```
#1172f2 rgb(17,114,242)
```
#2980f3
```
#2980f3 rgb(41,128,243)
```
#418ef4
```
#418ef4 rgb(65,142,244)
```
#599df6
```
#599df6 rgb(89,157,246)
```
#71abf7
```
#71abf7 rgb(113,171,247)
```

Monochromatic Color

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

#29b3f3
```
#29b3f3 rgb(41,179,243)
```
#29a2f3
```
#29a2f3 rgb(41,162,243)
```
#2991f3
```
#2991f3 rgb(41,145,243)
```
#2980f3
```
#2980f3 rgb(41,128,243)
```
#296ff3
```
#296ff3 rgb(41,111,243)
```
#295ef3
```
#295ef3 rgb(41,94,243)
```
#294ef3
```
#294ef3 rgb(41,78,243)
```

Similar Colors

Text with hexadecimal color #2980f3

This text has a font color of #2980f3.

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

#2980f3 background color

This paragraph has a background color of #2980f3.

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

#2980f3 border color

This element has a border color of #2980f3.

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

CSS codes

.text {color:#2980f3;}

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

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

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

#000409
```
#000409 rgb(0,4,9)
```
#020d1b
```
#020d1b rgb(2,13,27)
```
#03152e
```
#03152e rgb(3,21,46)
```
#041e41
```
#041e41 rgb(4,30,65)
```
#052653
```
#052653 rgb(5,38,83)
```
#062f66
```
#062f66 rgb(6,47,102)
```
#073878
```
#073878 rgb(7,56,120)
```
#08408b
```
#08408b rgb(8,64,139)
```
#09499d
```
#09499d rgb(9,73,157)
```
#0a51b0
```
#0a51b0 rgb(10,81,176)
```
#0b5ac3
```
#0b5ac3 rgb(11,90,195)
```
#0c63d5
```
#0c63d5 rgb(12,99,213)
```
#0d6be8
```
#0d6be8 rgb(13,107,232)
```

Shade Color Variation

#1675f2
```
#1675f2 rgb(22,117,242)
```
#2980f3
```
#2980f3 rgb(41,128,243)
```
#3c8bf4
```
#3c8bf4 rgb(60,139,244)
```
#4e96f5
```
#4e96f5 rgb(78,150,245)
```
#61a1f6
```
#61a1f6 rgb(97,161,246)
```
#73acf7
```
#73acf7 rgb(115,172,247)
```
#86b7f8
```
#86b7f8 rgb(134,183,248)
```
#98c2f9
```
#98c2f9 rgb(152,194,249)
```
#abcdfa
```
#abcdfa rgb(171,205,250)
```
#bed8fb
```
#bed8fb rgb(190,216,251)
```
#d0e3fc
```
#d0e3fc rgb(208,227,252)
```
#e3eefd
```
#e3eefd rgb(227,238,253)
```
#f5f9fe
```
#f5f9fe rgb(245,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #898d93 is the less saturated color, while #207ffc is the most saturated one.

#898d93
```
#898d93 rgb(137,141,147)
```
#808c9c
```
#808c9c rgb(128,140,156)
```
#778ba5
```
#778ba5 rgb(119,139,165)
```
#6f8aad
```
#6f8aad rgb(111,138,173)
```
#6688b6
```
#6688b6 rgb(102,136,182)
```
#5d87bf
```
#5d87bf rgb(93,135,191)
```
#5486c8
```
#5486c8 rgb(84,134,200)
```
#4c85d0
```
#4c85d0 rgb(76,133,208)
```
#4384d9
```
#4384d9 rgb(67,132,217)
```
#3a82e2
```
#3a82e2 rgb(58,130,226)
```
#3281ea
```
#3281ea rgb(50,129,234)
```
#2980f3
```
#2980f3 rgb(41,128,243)
```
#207ffc
```
#207ffc rgb(32,127,252)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#64768d Atypical Achromatopsia 0.001% of the population

Dichromacy

#4685f2 Protanopia 1% of men
#008be5 Deuteranopia 1% of men
#00969f Tritanopia 0.001% of the population

Trichromacy

#3c83f2 Protanomaly 1% of men, 0.01% of women
#0e87ea Deuteranomaly 6% of men, 0.4% of women
#0e8ebd Tritanomaly 0.01% of the population

#2980f3 hex color

#2980f3 Color Information

#2980f3 Color Conversion

Color Schemes with #2980f3

Alternatives to #2980f3

#2980f3 Preview

Shades and Tints of #2980f3

Tones of #2980f3

Color Blindness Simulator