#4980a4 hex color

In a RGB color space, hex #4980a4 is composed of 28.6% red, 50.2% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 55.5% cyan, 22% magenta, 0% yellow and 35.7% black. It has a hue angle of 203.7 degrees, a saturation of 38.4% and a lightness of 46.5%. #4980a4 color hex could be obtained by blending #92ffff with #000149. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 29
- G 50
- B 64
RGB color chart
- C 55
- M 22
- Y 0
- K 36
CMYK color chart

● #4980a4 color description : Dark moderate blue.

The hexadecimal color #4980a4 has RGB values of R:73, G:128, B:164 and CMYK values of C:0.55, M:0.22, Y:0, K:0.36. Its decimal value is 4817060.

Hex triplet	4980a4	`#4980a4`
RGB Decimal	73, 128, 164	`rgb(73,128,164)`
RGB Percent	28.6, 50.2, 64.3	`rgb(28.6%,50.2%,64.3%)`
CMYK	55, 22, 0, 36
HSL	203.7°, 38.4, 46.5	`hsl(203.7,38.4%,46.5%)`
HSV (or HSB)	203.7°, 55.5, 64.3
Web Safe	339999	`#339999`

CIE-LAB	51.306, -7.486, -24.749
XYZ	17.166, 19.534, 37.986
xyY	0.23, 0.262, 19.534
CIE-LCH	51.306, 25.856, 253.17
CIE-LUV	51.306, -23.976, -35.903
Hunter-Lab	44.197, -8.017, -20.019
Binary	01001001, 10000000, 10100100

#4980a4
```
#4980a4 rgb(73,128,164)
```
#a46d49
```
#a46d49 rgb(164,109,73)
```

Complementary Color

#49a49b
```
#49a49b rgb(73,164,155)
```
#4980a4
```
#4980a4 rgb(73,128,164)
```
#4953a4
```
#4953a4 rgb(73,83,164)
```

Analogous Color

#a49b49
```
#a49b49 rgb(164,155,73)
```
#4980a4
```
#4980a4 rgb(73,128,164)
```
#a44953
```
#a44953 rgb(164,73,83)
```

Split Complementary Color

#80a449
```
#80a449 rgb(128,164,73)
```
#4980a4
```
#4980a4 rgb(73,128,164)
```
#a44980
```
#a44980 rgb(164,73,128)
```

Triadic Color

#49a46d
```
#49a46d rgb(73,164,109)
```
#4980a4
```
#4980a4 rgb(73,128,164)
```
#a44980
```
#a44980 rgb(164,73,128)
```
#a46d49
```
#a46d49 rgb(164,109,73)
```

Tetradic Color

#31576f
```
#31576f rgb(49,87,111)
```
#396481
```
#396481 rgb(57,100,129)
```
#417292
```
#417292 rgb(65,114,146)
```
#4980a4
```
#4980a4 rgb(73,128,164)
```
#548db3
```
#548db3 rgb(84,141,179)
```
#6599bb
```
#6599bb rgb(101,153,187)
```
#77a5c2
```
#77a5c2 rgb(119,165,194)
```

Monochromatic Color

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

#4997a4
```
#4997a4 rgb(73,151,164)
```
#498fa4
```
#498fa4 rgb(73,143,164)
```
#4988a4
```
#4988a4 rgb(73,136,164)
```
#4980a4
```
#4980a4 rgb(73,128,164)
```
#4978a4
```
#4978a4 rgb(73,120,164)
```
#4971a4
```
#4971a4 rgb(73,113,164)
```
#4969a4
```
#4969a4 rgb(73,105,164)
```

Similar Colors

Text with hexadecimal color #4980a4

This text has a font color of #4980a4.

<span style="color:#4980a4;">Text here</span>

#4980a4 background color

This paragraph has a background color of #4980a4.

<p style="background-color:#4980a4;">Content here</p>

#4980a4 border color

This element has a border color of #4980a4.

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

CSS codes

.text {color:#4980a4;}

.background {background-color:#4980a4;}

.border {border:1px solid #4980a4;}

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

#000101
```
#000101 rgb(0,1,1)
```
#070b0f
```
#070b0f rgb(7,11,15)
```
#0d161c
```
#0d161c rgb(13,22,28)
```
#13212a
```
#13212a rgb(19,33,42)
```
#192b37
```
#192b37 rgb(25,43,55)
```
#1f3645
```
#1f3645 rgb(31,54,69)
```
#254053
```
#254053 rgb(37,64,83)
```
#2b4b60
```
#2b4b60 rgb(43,75,96)
```
#31566e
```
#31566e rgb(49,86,110)
```
#37607b
```
#37607b rgb(55,96,123)
```
#3d6b89
```
#3d6b89 rgb(61,107,137)
```
#437596
```
#437596 rgb(67,117,150)
```
#4980a4
```
#4980a4 rgb(73,128,164)
```

Shade Color Variation

#508ab1
```
#508ab1 rgb(80,138,177)
```
#5d93b7
```
#5d93b7 rgb(93,147,183)
```
#6b9dbd
```
#6b9dbd rgb(107,157,189)
```
#78a6c3
```
#78a6c3 rgb(120,166,195)
```
#86afc9
```
#86afc9 rgb(134,175,201)
```
#94b8cf
```
#94b8cf rgb(148,184,207)
```
#a1c1d5
```
#a1c1d5 rgb(161,193,213)
```
#afcadb
```
#afcadb rgb(175,202,219)
```
#bcd3e1
```
#bcd3e1 rgb(188,211,225)
```
#cadce7
```
#cadce7 rgb(202,220,231)
```
#d7e5ed
```
#d7e5ed rgb(215,229,237)
```
#e5eef3
```
#e5eef3 rgb(229,238,243)
```
#f3f7f9
```
#f3f7f9 rgb(243,247,249)
```

Tint Color Variation

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

#6d7880
```
#6d7880 rgb(109,120,128)
```
#647a89
```
#647a89 rgb(100,122,137)
```
#5b7c92
```
#5b7c92 rgb(91,124,146)
```
#527e9b
```
#527e9b rgb(82,126,155)
```
#4980a4
```
#4980a4 rgb(73,128,164)
```
#4082ad
```
#4082ad rgb(64,130,173)
```
#3784b6
```
#3784b6 rgb(55,132,182)
```
#2e86bf
```
#2e86bf rgb(46,134,191)
```
#2588c8
```
#2588c8 rgb(37,136,200)
```
#1b8ad2
```
#1b8ad2 rgb(27,138,210)
```
#128bdb
```
#128bdb rgb(18,139,219)
```
#098de4
```
#098de4 rgb(9,141,228)
```
#008fed
```
#008fed rgb(0,143,237)
```

Tone Color Variation

Below, you can see how #4980a4 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

#747474 Achromatopsia 0.005% of the population
#6b767e Atypical Achromatopsia 0.001% of the population

Dichromacy

#767fa4 Protanopia 1% of men
#737fab Deuteranopia 1% of men
#488a94 Tritanopia 0.001% of the population

Trichromacy

#667fa4 Protanomaly 1% of men, 0.01% of women
#637fa8 Deuteranomaly 6% of men, 0.4% of women
#48869a Tritanomaly 0.01% of the population

#4980a4 hex color

#4980a4 Color Information

#4980a4 Color Conversion

Color Schemes with #4980a4

Alternatives to #4980a4

#4980a4 Preview

Shades and Tints of #4980a4

Tones of #4980a4

Color Blindness Simulator