#4980f6 hex color

In a RGB color space, hex #4980f6 is composed of 28.6% red, 50.2% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 70.3% cyan, 48% magenta, 0% yellow and 3.5% black. It has a hue angle of 220.9 degrees, a saturation of 90.6% and a lightness of 62.5%. #4980f6 color hex could be obtained by blending #92ffff with #0001ed. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 29
- G 50
- B 96
RGB color chart
- C 70
- M 48
- Y 0
- K 4
CMYK color chart

● #4980f6 color description : Bright blue.

The hexadecimal color #4980f6 has RGB values of R:73, G:128, B:246 and CMYK values of C:0.7, M:0.48, Y:0, K:0.04. Its decimal value is 4817142.

Hex triplet	4980f6	`#4980f6`
RGB Decimal	73, 128, 246	`rgb(73,128,246)`
RGB Percent	28.6, 50.2, 96.5	`rgb(28.6%,50.2%,96.5%)`
CMYK	70, 48, 0, 4
HSL	220.9°, 90.6, 62.5	`hsl(220.9,90.6%,62.5%)`
HSV (or HSB)	220.9°, 70.3, 96.5
Web Safe	3399ff	`#3399ff`

CIE-LAB	55.591, 20.5, -64.468
XYZ	27.098, 23.507, 90.293
xyY	0.192, 0.167, 23.507
CIE-LCH	55.591, 67.649, 287.64
CIE-LUV	55.591, -22.571, -103.449
Hunter-Lab	48.484, 14.918, -76.479
Binary	01001001, 10000000, 11110110

#4980f6
```
#4980f6 rgb(73,128,246)
```
#f6bf49
```
#f6bf49 rgb(246,191,73)
```

Complementary Color

#49d7f6
```
#49d7f6 rgb(73,215,246)
```
#4980f6
```
#4980f6 rgb(73,128,246)
```
#6949f6
```
#6949f6 rgb(105,73,246)
```

Analogous Color

#d7f649
```
#d7f649 rgb(215,246,73)
```
#4980f6
```
#4980f6 rgb(73,128,246)
```
#f66949
```
#f66949 rgb(246,105,73)
```

Split Complementary Color

#80f649
```
#80f649 rgb(128,246,73)
```
#4980f6
```
#4980f6 rgb(73,128,246)
```
#f64980
```
#f64980 rgb(246,73,128)
```

Triadic Color

#49f6bf
```
#49f6bf rgb(73,246,191)
```
#4980f6
```
#4980f6 rgb(73,128,246)
```
#f64980
```
#f64980 rgb(246,73,128)
```
#f6bf49
```
#f6bf49 rgb(246,191,73)
```

Tetradic Color

#0b51e7
```
#0b51e7 rgb(11,81,231)
```
#185ef4
```
#185ef4 rgb(24,94,244)
```
#316ff5
```
#316ff5 rgb(49,111,245)
```
#4980f6
```
#4980f6 rgb(73,128,246)
```
#6191f7
```
#6191f7 rgb(97,145,247)
```
#7aa2f8
```
#7aa2f8 rgb(122,162,248)
```
#92b3fa
```
#92b3fa rgb(146,179,250)
```

Monochromatic Color

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

#49abf6
```
#49abf6 rgb(73,171,246)
```
#499df6
```
#499df6 rgb(73,157,246)
```
#498ef6
```
#498ef6 rgb(73,142,246)
```
#4980f6
```
#4980f6 rgb(73,128,246)
```
#4972f6
```
#4972f6 rgb(73,114,246)
```
#4963f6
```
#4963f6 rgb(73,99,246)
```
#4955f6
```
#4955f6 rgb(73,85,246)
```

Similar Colors

Text with hexadecimal color #4980f6

This text has a font color of #4980f6.

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

#4980f6 background color

This paragraph has a background color of #4980f6.

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

#4980f6 border color

This element has a border color of #4980f6.

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

CSS codes

.text {color:#4980f6;}

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

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

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

#000205
```
#000205 rgb(0,2,5)
```
#010818
```
#010818 rgb(1,8,24)
```
#020f2a
```
#020f2a rgb(2,15,42)
```
#03153d
```
#03153d rgb(3,21,61)
```
#041c50
```
#041c50 rgb(4,28,80)
```
#052362
```
#052362 rgb(5,35,98)
```
#062975
```
#062975 rgb(6,41,117)
```
#073088
```
#073088 rgb(7,48,136)
```
#08369a
```
#08369a rgb(8,54,154)
```
#093dad
```
#093dad rgb(9,61,173)
```
#0943c0
```
#0943c0 rgb(9,67,192)
```
#0a4ad3
```
#0a4ad3 rgb(10,74,211)
```
#0b51e5
```
#0b51e5 rgb(11,81,229)
```

Shade Color Variation

#1159f3
```
#1159f3 rgb(17,89,243)
```
#2466f4
```
#2466f4 rgb(36,102,244)
```
#3673f5
```
#3673f5 rgb(54,115,245)
```
#4980f6
```
#4980f6 rgb(73,128,246)
```
#5c8df7
```
#5c8df7 rgb(92,141,247)
```
#6e9af8
```
#6e9af8 rgb(110,154,248)
```
#81a7f9
```
#81a7f9 rgb(129,167,249)
```
#94b4fa
```
#94b4fa rgb(148,180,250)
```
#a6c1fb
```
#a6c1fb rgb(166,193,251)
```
#b9cefc
```
#b9cefc rgb(185,206,252)
```
#ccdbfc
```
#ccdbfc rgb(204,219,252)
```
#dfe8fd
```
#dfe8fd rgb(223,232,253)
```
#f1f5fe
```
#f1f5fe rgb(241,245,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9a9da5 is the less saturated color, while #427dfd is the most saturated one.

#9a9da5
```
#9a9da5 rgb(154,157,165)
```
#929bad
```
#929bad rgb(146,155,173)
```
#8b98b4
```
#8b98b4 rgb(139,152,180)
```
#8495bb
```
#8495bb rgb(132,149,187)
```
#7c93c3
```
#7c93c3 rgb(124,147,195)
```
#7590ca
```
#7590ca rgb(117,144,202)
```
#6e8dd1
```
#6e8dd1 rgb(110,141,209)
```
#668bd9
```
#668bd9 rgb(102,139,217)
```
#5f88e0
```
#5f88e0 rgb(95,136,224)
```
#5885e7
```
#5885e7 rgb(88,133,231)
```
#5083ef
```
#5083ef rgb(80,131,239)
```
#4980f6
```
#4980f6 rgb(73,128,246)
```
#427dfd
```
#427dfd rgb(66,125,253)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#737e95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4787f7 Protanopia 1% of men
#008eeb Deuteranopia 1% of men
#0099a3 Tritanopia 0.001% of the population

Trichromacy

#4884f6 Protanomaly 1% of men, 0.01% of women
#1a88ef Deuteranomaly 6% of men, 0.4% of women
#1a8fc1 Tritanomaly 0.01% of the population

#4980f6 hex color

#4980f6 Color Information

#4980f6 Color Conversion

Color Schemes with #4980f6

Alternatives to #4980f6

#4980f6 Preview

Shades and Tints of #4980f6

Tones of #4980f6

Color Blindness Simulator