#4a80bd hex color

In a RGB color space, hex #4a80bd is composed of 29% red, 50.2% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 60.8% cyan, 32.3% magenta, 0% yellow and 25.9% black. It has a hue angle of 211.8 degrees, a saturation of 46.6% and a lightness of 51.6%. #4a80bd color hex could be obtained by blending #94ffff with #00017b. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 29
- G 50
- B 74
RGB color chart
- C 61
- M 32
- Y 0
- K 26
CMYK color chart

● #4a80bd color description : Moderate blue.

The hexadecimal color #4a80bd has RGB values of R:74, G:128, B:189 and CMYK values of C:0.61, M:0.32, Y:0, K:0.26. Its decimal value is 4882621.

Hex triplet	4a80bd	`#4a80bd`
RGB Decimal	74, 128, 189	`rgb(74,128,189)`
RGB Percent	29, 50.2, 74.1	`rgb(29%,50.2%,74.1%)`
CMYK	61, 32, 0, 26
HSL	211.8°, 46.6, 51.6	`hsl(211.8,46.6%,51.6%)`
HSV (or HSB)	211.8°, 60.8, 74.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	52.472, 0.893, -37.339
XYZ	19.726, 20.567, 51.072
xyY	0.216, 0.225, 20.567
CIE-LCH	52.472, 37.35, 271.37
CIE-LUV	52.472, -23.157, -57.206
Hunter-Lab	45.351, -1.722, -35.023
Binary	01001010, 10000000, 10111101

#4a80bd
```
#4a80bd rgb(74,128,189)
```
#bd874a
```
#bd874a rgb(189,135,74)
```

Complementary Color

#4ababd
```
#4ababd rgb(74,186,189)
```
#4a80bd
```
#4a80bd rgb(74,128,189)
```
#4d4abd
```
#4d4abd rgb(77,74,189)
```

Analogous Color

#babd4a
```
#babd4a rgb(186,189,74)
```
#4a80bd
```
#4a80bd rgb(74,128,189)
```
#bd4e4a
```
#bd4e4a rgb(189,78,74)
```

Split Complementary Color

#80bd4a
```
#80bd4a rgb(128,189,74)
```
#4a80bd
```
#4a80bd rgb(74,128,189)
```
#bd4a80
```
#bd4a80 rgb(189,74,128)
```

Triadic Color

#4abd87
```
#4abd87 rgb(74,189,135)
```
#4a80bd
```
#4a80bd rgb(74,128,189)
```
#bd4a80
```
#bd4a80 rgb(189,74,128)
```
#bd874a
```
#bd874a rgb(189,135,74)
```

Tetradic Color

#325b89
```
#325b89 rgb(50,91,137)
```
#39679b
```
#39679b rgb(57,103,155)
```
#3f73ae
```
#3f73ae rgb(63,115,174)
```
#4a80bd
```
#4a80bd rgb(74,128,189)
```
#5d8dc4
```
#5d8dc4 rgb(93,141,196)
```
#6f9acb
```
#6f9acb rgb(111,154,203)
```
#82a7d1
```
#82a7d1 rgb(130,167,209)
```

Monochromatic Color

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

#4a9dbd
```
#4a9dbd rgb(74,157,189)
```
#4a93bd
```
#4a93bd rgb(74,147,189)
```
#4a8abd
```
#4a8abd rgb(74,138,189)
```
#4a80bd
```
#4a80bd rgb(74,128,189)
```
#4a76bd
```
#4a76bd rgb(74,118,189)
```
#4a6dbd
```
#4a6dbd rgb(74,109,189)
```
#4a63bd
```
#4a63bd rgb(74,99,189)
```

Similar Colors

Text with hexadecimal color #4a80bd

This text has a font color of #4a80bd.

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

#4a80bd background color

This paragraph has a background color of #4a80bd.

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

#4a80bd border color

This element has a border color of #4a80bd.

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

CSS codes

.text {color:#4a80bd;}

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

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

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

#020406
```
#020406 rgb(2,4,6)
```
#070d14
```
#070d14 rgb(7,13,20)
```
#0d1723
```
#0d1723 rgb(13,23,35)
```
#122031
```
#122031 rgb(18,32,49)
```
#172a3f
```
#172a3f rgb(23,42,63)
```
#1c344e
```
#1c344e rgb(28,52,78)
```
#223d5c
```
#223d5c rgb(34,61,92)
```
#27476a
```
#27476a rgb(39,71,106)
```
#2c5079
```
#2c5079 rgb(44,80,121)
```
#315a87
```
#315a87 rgb(49,90,135)
```
#376396
```
#376396 rgb(55,99,150)
```
#3c6da4
```
#3c6da4 rgb(60,109,164)
```
#4176b2
```
#4176b2 rgb(65,118,178)
```

Shade Color Variation

#4a80bd
```
#4a80bd rgb(74,128,189)
```
#588ac2
```
#588ac2 rgb(88,138,194)
```
#6794c7
```
#6794c7 rgb(103,148,199)
```
#759ecd
```
#759ecd rgb(117,158,205)
```
#83a8d2
```
#83a8d2 rgb(131,168,210)
```
#92b2d7
```
#92b2d7 rgb(146,178,215)
```
#a0bddc
```
#a0bddc rgb(160,189,220)
```
#afc7e2
```
#afc7e2 rgb(175,199,226)
```
#bdd1e7
```
#bdd1e7 rgb(189,209,231)
```
#cbdbec
```
#cbdbec rgb(203,219,236)
```
#dae5f1
```
#dae5f1 rgb(218,229,241)
```
#e8eff7
```
#e8eff7 rgb(232,239,247)
```
#f6f9fc
```
#f6f9fc rgb(246,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #838384 is the less saturated color, while #117df6 is the most saturated one.

#838384
```
#838384 rgb(131,131,132)
```
#7a838e
```
#7a838e rgb(122,131,142)
```
#708297
```
#708297 rgb(112,130,151)
```
#6782a1
```
#6782a1 rgb(103,130,161)
```
#5d81aa
```
#5d81aa rgb(93,129,170)
```
#5481b4
```
#5481b4 rgb(84,129,180)
```
#4a80bd
```
#4a80bd rgb(74,128,189)
```
#417fc7
```
#417fc7 rgb(65,127,199)
```
#377fd0
```
#377fd0 rgb(55,127,208)
```
#2e7eda
```
#2e7eda rgb(46,126,218)
```
#247ee3
```
#247ee3 rgb(36,126,227)
```
#1b7ded
```
#1b7ded rgb(27,125,237)
```
#117df6
```
#117df6 rgb(17,125,246)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#6e7985 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e81bd Protanopia 1% of men
#6383c1 Deuteranopia 1% of men
#3b8e99 Tritanopia 0.001% of the population

Trichromacy

#6181bd Protanomaly 1% of men, 0.01% of women
#5a82bf Deuteranomaly 6% of men, 0.4% of women
#4089a6 Tritanomaly 0.01% of the population

#4a80bd hex color

#4a80bd Color Information

#4a80bd Color Conversion

Color Schemes with #4a80bd

Alternatives to #4a80bd

#4a80bd Preview

Shades and Tints of #4a80bd

Tones of #4a80bd

Color Blindness Simulator