#2980a3 hex color

In a RGB color space, hex #2980a3 is composed of 16.1% red, 50.2% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 74.8% cyan, 21.5% magenta, 0% yellow and 36.1% black. It has a hue angle of 197.2 degrees, a saturation of 59.8% and a lightness of 40%. #2980a3 color hex could be obtained by blending #52ffff with #000147. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 16
- G 50
- B 64
RGB color chart
- C 75
- M 21
- Y 0
- K 36
CMYK color chart

● #2980a3 color description : Dark blue.

The hexadecimal color #2980a3 has RGB values of R:41, G:128, B:163 and CMYK values of C:0.75, M:0.21, Y:0, K:0.36. Its decimal value is 2719907.

Hex triplet	2980a3	`#2980a3`
RGB Decimal	41, 128, 163	`rgb(41,128,163)`
RGB Percent	16.1, 50.2, 63.9	`rgb(16.1%,50.2%,63.9%)`
CMYK	75, 21, 0, 36
HSL	197.2°, 59.8, 40	`hsl(197.2,59.8%,40%)`
HSV (or HSB)	197.2°, 74.8, 63.9
Web Safe	339999	`#339999`

CIE-LAB	50.16, -13.52, -26.03
XYZ	15.243, 18.553, 37.426
xyY	0.214, 0.26, 18.553
CIE-LCH	50.16, 29.332, 242.552
CIE-LUV	50.16, -31.036, -37.089
Hunter-Lab	43.073, -12.21, -21.366
Binary	00101001, 10000000, 10100011

#2980a3
```
#2980a3 rgb(41,128,163)
```
#a34c29
```
#a34c29 rgb(163,76,41)
```

Complementary Color

#29a389
```
#29a389 rgb(41,163,137)
```
#2980a3
```
#2980a3 rgb(41,128,163)
```
#2943a3
```
#2943a3 rgb(41,67,163)
```

Analogous Color

#a38929
```
#a38929 rgb(163,137,41)
```
#2980a3
```
#2980a3 rgb(41,128,163)
```
#a32943
```
#a32943 rgb(163,41,67)
```

Split Complementary Color

#80a329
```
#80a329 rgb(128,163,41)
```
#2980a3
```
#2980a3 rgb(41,128,163)
```
#a32980
```
#a32980 rgb(163,41,128)
```

Triadic Color

#29a34c
```
#29a34c rgb(41,163,76)
```
#2980a3
```
#2980a3 rgb(41,128,163)
```
#a32980
```
#a32980 rgb(163,41,128)
```
#a34c29
```
#a34c29 rgb(163,76,41)
```

Tetradic Color

#1a5066
```
#1a5066 rgb(26,80,102)
```
#1f607a
```
#1f607a rgb(31,96,122)
```
#24708f
```
#24708f rgb(36,112,143)
```
#2980a3
```
#2980a3 rgb(41,128,163)
```
#2e90b7
```
#2e90b7 rgb(46,144,183)
```
#33a0cc
```
#33a0cc rgb(51,160,204)
```
#48aad1
```
#48aad1 rgb(72,170,209)
```

Monochromatic Color

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

#299fa3
```
#299fa3 rgb(41,159,163)
```
#2994a3
```
#2994a3 rgb(41,148,163)
```
#298aa3
```
#298aa3 rgb(41,138,163)
```
#2980a3
```
#2980a3 rgb(41,128,163)
```
#2976a3
```
#2976a3 rgb(41,118,163)
```
#296ca3
```
#296ca3 rgb(41,108,163)
```
#2962a3
```
#2962a3 rgb(41,98,163)
```

Similar Colors

Text with hexadecimal color #2980a3

This text has a font color of #2980a3.

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

#2980a3 background color

This paragraph has a background color of #2980a3.

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

#2980a3 border color

This element has a border color of #2980a3.

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

CSS codes

.text {color:#2980a3;}

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

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

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

#020506
```
#020506 rgb(2,5,6)
```
#061116
```
#061116 rgb(6,17,22)
```
#091e26
```
#091e26 rgb(9,30,38)
```
#0d2a35
```
#0d2a35 rgb(13,42,53)
```
#113645
```
#113645 rgb(17,54,69)
```
#154255
```
#154255 rgb(21,66,85)
```
#194f64
```
#194f64 rgb(25,79,100)
```
#1d5b74
```
#1d5b74 rgb(29,91,116)
```
#216784
```
#216784 rgb(33,103,132)
```
#257493
```
#257493 rgb(37,116,147)
```
#2980a3
```
#2980a3 rgb(41,128,163)
```
#2d8cb3
```
#2d8cb3 rgb(45,140,179)
```
#3199c2
```
#3199c2 rgb(49,153,194)
```

Shade Color Variation

#3aa3cd
```
#3aa3cd rgb(58,163,205)
```
#49aad1
```
#49aad1 rgb(73,170,209)
```
#59b2d5
```
#59b2d5 rgb(89,178,213)
```
#69b9d9
```
#69b9d9 rgb(105,185,217)
```
#78c0dd
```
#78c0dd rgb(120,192,221)
```
#88c7e1
```
#88c7e1 rgb(136,199,225)
```
#98cfe5
```
#98cfe5 rgb(152,207,229)
```
#a7d6e9
```
#a7d6e9 rgb(167,214,233)
```
#b7dded
```
#b7dded rgb(183,221,237)
```
#c7e5f1
```
#c7e5f1 rgb(199,229,241)
```
#d6ecf5
```
#d6ecf5 rgb(214,236,245)
```
#e6f3f9
```
#e6f3f9 rgb(230,243,249)
```
#f6fbfd
```
#f6fbfd rgb(246,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #60696c is the less saturated color, while #0291ca is the most saturated one.

#60696c
```
#60696c rgb(96,105,108)
```
#586c74
```
#586c74 rgb(88,108,116)
```
#506f7c
```
#506f7c rgb(80,111,124)
```
#487384
```
#487384 rgb(72,115,132)
```
#41768b
```
#41768b rgb(65,118,139)
```
#397993
```
#397993 rgb(57,121,147)
```
#317d9b
```
#317d9b rgb(49,125,155)
```
#2980a3
```
#2980a3 rgb(41,128,163)
```
#2183ab
```
#2183ab rgb(33,131,171)
```
#1987b3
```
#1987b3 rgb(25,135,179)
```
#118abb
```
#118abb rgb(17,138,187)
```
#0a8dc2
```
#0a8dc2 rgb(10,141,194)
```
#0291ca
```
#0291ca rgb(2,145,202)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#5d6e75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#747da1 Protanopia 1% of men
#6d7dab Deuteranopia 1% of men
#1d8a94 Tritanopia 0.001% of the population

Trichromacy

#587ea1 Protanomaly 1% of men, 0.01% of women
#547ea8 Deuteranomaly 6% of men, 0.4% of women
#218699 Tritanomaly 0.01% of the population

#2980a3 hex color

#2980a3 Color Information

#2980a3 Color Conversion

Color Schemes with #2980a3

Alternatives to #2980a3

#2980a3 Preview

Shades and Tints of #2980a3

Tones of #2980a3

Color Blindness Simulator