#4a80c9 hex color

In a RGB color space, hex #4a80c9 is composed of 29% red, 50.2% green and 78.8% blue. Whereas in a CMYK color space, it is composed of 63.2% cyan, 36.3% magenta, 0% yellow and 21.2% black. It has a hue angle of 214.5 degrees, a saturation of 54% and a lightness of 53.9%. #4a80c9 color hex could be obtained by blending #94ffff with #000193. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 29
- G 50
- B 79
RGB color chart
- C 63
- M 36
- Y 0
- K 21
CMYK color chart

● #4a80c9 color description : Moderate blue.

The hexadecimal color #4a80c9 has RGB values of R:74, G:128, B:201 and CMYK values of C:0.63, M:0.36, Y:0, K:0.21. Its decimal value is 4882633.

Hex triplet	4a80c9	`#4a80c9`
RGB Decimal	74, 128, 201	`rgb(74,128,201)`
RGB Percent	29, 50.2, 78.8	`rgb(29%,50.2%,78.8%)`
CMYK	63, 36, 0, 21
HSL	214.5°, 54, 53.9	`hsl(214.5,54%,53.9%)`
HSV (or HSB)	214.5°, 63.2, 78.8
Web Safe	3399cc	`#3399cc`

CIE-LAB	53.07, 4.958, -43.244
XYZ	21.083, 21.11, 58.219
xyY	0.21, 0.21, 21.11
CIE-LCH	53.07, 43.527, 276.54
CIE-LUV	53.07, -22.939, -67.297
Hunter-Lab	45.945, 1.505, -42.966
Binary	01001010, 10000000, 11001001

#4a80c9
```
#4a80c9 rgb(74,128,201)
```
#c9934a
```
#c9934a rgb(201,147,74)
```

Complementary Color

#4ac0c9
```
#4ac0c9 rgb(74,192,201)
```
#4a80c9
```
#4a80c9 rgb(74,128,201)
```
#534ac9
```
#534ac9 rgb(83,74,201)
```

Analogous Color

#c0c94a
```
#c0c94a rgb(192,201,74)
```
#4a80c9
```
#4a80c9 rgb(74,128,201)
```
#c9534a
```
#c9534a rgb(201,83,74)
```

Split Complementary Color

#80c94a
```
#80c94a rgb(128,201,74)
```
#4a80c9
```
#4a80c9 rgb(74,128,201)
```
#c94a80
```
#c94a80 rgb(201,74,128)
```

Triadic Color

#4ac993
```
#4ac993 rgb(74,201,147)
```
#4a80c9
```
#4a80c9 rgb(74,128,201)
```
#c94a80
```
#c94a80 rgb(201,74,128)
```
#c9934a
```
#c9934a rgb(201,147,74)
```

Tetradic Color

#2e5b99
```
#2e5b99 rgb(46,91,153)
```
#3367ad
```
#3367ad rgb(51,103,173)
```
#3973c0
```
#3973c0 rgb(57,115,192)
```
#4a80c9
```
#4a80c9 rgb(74,128,201)
```
#5e8ecf
```
#5e8ecf rgb(94,142,207)
```
#719cd5
```
#719cd5 rgb(113,156,213)
```
#85a9db
```
#85a9db rgb(133,169,219)
```

Monochromatic Color

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

#4aa0c9
```
#4aa0c9 rgb(74,160,201)
```
#4a95c9
```
#4a95c9 rgb(74,149,201)
```
#4a8bc9
```
#4a8bc9 rgb(74,139,201)
```
#4a80c9
```
#4a80c9 rgb(74,128,201)
```
#4a75c9
```
#4a75c9 rgb(74,117,201)
```
#4a6bc9
```
#4a6bc9 rgb(74,107,201)
```
#4a60c9
```
#4a60c9 rgb(74,96,201)
```

Similar Colors

Text with hexadecimal color #4a80c9

This text has a font color of #4a80c9.

<span style="color:#4a80c9;">Text here</span>

#4a80c9 background color

This paragraph has a background color of #4a80c9.

<p style="background-color:#4a80c9;">Content here</p>

#4a80c9 border color

This element has a border color of #4a80c9.

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

CSS codes

.text {color:#4a80c9;}

.background {background-color:#4a80c9;}

.border {border:1px solid #4a80c9;}

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

#000000
```
#000000 rgb(0,0,0)
```
#05090f
```
#05090f rgb(5,9,15)
```
#09121f
```
#09121f rgb(9,18,31)
```
#0e1b2e
```
#0e1b2e rgb(14,27,46)
```
#12243d
```
#12243d rgb(18,36,61)
```
#172d4c
```
#172d4c rgb(23,45,76)
```
#1b365b
```
#1b365b rgb(27,54,91)
```
#203f6a
```
#203f6a rgb(32,63,106)
```
#244879
```
#244879 rgb(36,72,121)
```
#295188
```
#295188 rgb(41,81,136)
```
#2d5a97
```
#2d5a97 rgb(45,90,151)
```
#3263a6
```
#3263a6 rgb(50,99,166)
```
#366cb6
```
#366cb6 rgb(54,108,182)
```

Shade Color Variation

#3b75c4
```
#3b75c4 rgb(59,117,196)
```
#4a80c9
```
#4a80c9 rgb(74,128,201)
```
#598bce
```
#598bce rgb(89,139,206)
```
#6895d2
```
#6895d2 rgb(104,149,210)
```
#77a0d7
```
#77a0d7 rgb(119,160,215)
```
#86aadb
```
#86aadb rgb(134,170,219)
```
#96b5e0
```
#96b5e0 rgb(150,181,224)
```
#a5c0e4
```
#a5c0e4 rgb(165,192,228)
```
#b4cae9
```
#b4cae9 rgb(180,202,233)
```
#c3d5ed
```
#c3d5ed rgb(195,213,237)
```
#d2dff2
```
#d2dff2 rgb(210,223,242)
```
#e1eaf6
```
#e1eaf6 rgb(225,234,246)
```
#f0f5fb
```
#f0f5fb rgb(240,245,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #89898a is the less saturated color, while #1d79f6 is the most saturated one.

#89898a
```
#89898a rgb(137,137,138)
```
#808893
```
#808893 rgb(128,136,147)
```
#77879c
```
#77879c rgb(119,135,156)
```
#6e85a5
```
#6e85a5 rgb(110,133,165)
```
#6584ae
```
#6584ae rgb(101,132,174)
```
#5c83b7
```
#5c83b7 rgb(92,131,183)
```
#5381c0
```
#5381c0 rgb(83,129,192)
```
#4a80c9
```
#4a80c9 rgb(74,128,201)
```
#417fd2
```
#417fd2 rgb(65,127,210)
```
#387ddb
```
#387ddb rgb(56,125,219)
```
#2f7ce4
```
#2f7ce4 rgb(47,124,228)
```
#267bed
```
#267bed rgb(38,123,237)
```
#1d79f6
```
#1d79f6 rgb(29,121,246)
```

Tone Color Variation

Below, you can see how #4a80c9 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

#787878 Achromatopsia 0.005% of the population
#6f7a88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6983c9 Protanopia 1% of men
#5885cc Deuteranopia 1% of men
#31919b Tritanopia 0.001% of the population

Trichromacy

#5d81c9 Protanomaly 1% of men, 0.01% of women
#5383cb Deuteranomaly 6% of men, 0.4% of women
#3a8aac Tritanomaly 0.01% of the population

#4a80c9 hex color

#4a80c9 Color Information

#4a80c9 Color Conversion

Color Schemes with #4a80c9

Alternatives to #4a80c9

#4a80c9 Preview

Shades and Tints of #4a80c9

Tones of #4a80c9

Color Blindness Simulator