#4a80af hex color

In a RGB color space, hex #4a80af is composed of 29% red, 50.2% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 57.7% cyan, 26.9% magenta, 0% yellow and 31.4% black. It has a hue angle of 207.9 degrees, a saturation of 40.6% and a lightness of 48.8%. #4a80af color hex could be obtained by blending #94ffff with #00015f. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 29
- G 50
- B 69
RGB color chart
- C 58
- M 27
- Y 0
- K 31
CMYK color chart

● #4a80af color description : Dark moderate blue.

The hexadecimal color #4a80af has RGB values of R:74, G:128, B:175 and CMYK values of C:0.58, M:0.27, Y:0, K:0.31. Its decimal value is 4882607.

Hex triplet	4a80af	`#4a80af`
RGB Decimal	74, 128, 175	`rgb(74,128,175)`
RGB Percent	29, 50.2, 68.6	`rgb(29%,50.2%,68.6%)`
CMYK	58, 27, 0, 31
HSL	207.9°, 40.6, 48.8	`hsl(207.9,40.6%,48.8%)`
HSV (or HSB)	207.9°, 57.7, 68.6
Web Safe	339999	`#339999`

CIE-LAB	51.824, -3.735, -30.307
XYZ	18.279, 19.988, 43.45
xyY	0.224, 0.245, 19.988
CIE-LCH	51.824, 30.536, 262.974
CIE-LUV	51.824, -23.443, -45.268
Hunter-Lab	44.708, -5.258, -26.326
Binary	01001010, 10000000, 10101111

#4a80af
```
#4a80af rgb(74,128,175)
```
#af794a
```
#af794a rgb(175,121,74)
```

Complementary Color

#4aafac
```
#4aafac rgb(74,175,172)
```
#4a80af
```
#4a80af rgb(74,128,175)
```
#4a4eaf
```
#4a4eaf rgb(74,78,175)
```

Analogous Color

#afac4a
```
#afac4a rgb(175,172,74)
```
#4a80af
```
#4a80af rgb(74,128,175)
```
#af4a4e
```
#af4a4e rgb(175,74,78)
```

Split Complementary Color

#80af4a
```
#80af4a rgb(128,175,74)
```
#4a80af
```
#4a80af rgb(74,128,175)
```
#af4a80
```
#af4a80 rgb(175,74,128)
```

Triadic Color

#4aaf79
```
#4aaf79 rgb(74,175,121)
```
#4a80af
```
#4a80af rgb(74,128,175)
```
#af4a80
```
#af4a80 rgb(175,74,128)
```
#af794a
```
#af794a rgb(175,121,74)
```

Tetradic Color

#335979
```
#335979 rgb(51,89,121)
```
#3b668b
```
#3b668b rgb(59,102,139)
```
#42739d
```
#42739d rgb(66,115,157)
```
#4a80af
```
#4a80af rgb(74,128,175)
```
#598db9
```
#598db9 rgb(89,141,185)
```
#6b99c1
```
#6b99c1 rgb(107,153,193)
```
#7da5c8
```
#7da5c8 rgb(125,165,200)
```

Monochromatic Color

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

#4a99af
```
#4a99af rgb(74,153,175)
```
#4a91af
```
#4a91af rgb(74,145,175)
```
#4a88af
```
#4a88af rgb(74,136,175)
```
#4a80af
```
#4a80af rgb(74,128,175)
```
#4a78af
```
#4a78af rgb(74,120,175)
```
#4a6faf
```
#4a6faf rgb(74,111,175)
```
#4a67af
```
#4a67af rgb(74,103,175)
```

Similar Colors

Text with hexadecimal color #4a80af

This text has a font color of #4a80af.

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

#4a80af background color

This paragraph has a background color of #4a80af.

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

#4a80af border color

This element has a border color of #4a80af.

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

CSS codes

.text {color:#4a80af;}

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

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

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, #04070a is the darkest color, while #fbfcfd is the lightest one.

#04070a
```
#04070a rgb(4,7,10)
```
#0a1117
```
#0a1117 rgb(10,17,23)
```
#101b25
```
#101b25 rgb(16,27,37)
```
#162533
```
#162533 rgb(22,37,51)
```
#1b2f41
```
#1b2f41 rgb(27,47,65)
```
#21394e
```
#21394e rgb(33,57,78)
```
#27435c
```
#27435c rgb(39,67,92)
```
#2d4e6a
```
#2d4e6a rgb(45,78,106)
```
#335878
```
#335878 rgb(51,88,120)
```
#396286
```
#396286 rgb(57,98,134)
```
#3e6c93
```
#3e6c93 rgb(62,108,147)
```
#4476a1
```
#4476a1 rgb(68,118,161)
```
#4a80af
```
#4a80af rgb(74,128,175)
```

Shade Color Variation

#558ab7
```
#558ab7 rgb(85,138,183)
```
#6393bd
```
#6393bd rgb(99,147,189)
```
#719dc3
```
#719dc3 rgb(113,157,195)
```
#7fa6c9
```
#7fa6c9 rgb(127,166,201)
```
#8cb0cf
```
#8cb0cf rgb(140,176,207)
```
#9ab9d4
```
#9ab9d4 rgb(154,185,212)
```
#a8c3da
```
#a8c3da rgb(168,195,218)
```
#b6cce0
```
#b6cce0 rgb(182,204,224)
```
#c4d6e6
```
#c4d6e6 rgb(196,214,230)
```
#d1dfec
```
#d1dfec rgb(209,223,236)
```
#dfe9f2
```
#dfe9f2 rgb(223,233,242)
```
#edf3f7
```
#edf3f7 rgb(237,243,247)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a7d7f is the less saturated color, while #0785f2 is the most saturated one.

#7a7d7f
```
#7a7d7f rgb(122,125,127)
```
#707d89
```
#707d89 rgb(112,125,137)
```
#677e92
```
#677e92 rgb(103,126,146)
```
#5d7f9c
```
#5d7f9c rgb(93,127,156)
```
#547fa5
```
#547fa5 rgb(84,127,165)
```
#4a80af
```
#4a80af rgb(74,128,175)
```
#4081b9
```
#4081b9 rgb(64,129,185)
```
#3781c2
```
#3781c2 rgb(55,129,194)
```
#2d82cc
```
#2d82cc rgb(45,130,204)
```
#2483d5
```
#2483d5 rgb(36,131,213)
```
#1a83df
```
#1a83df rgb(26,131,223)
```
#1184e8
```
#1184e8 rgb(17,132,232)
```
#0785f2
```
#0785f2 rgb(7,133,242)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#6c7781 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7380af Protanopia 1% of men
#6d81b5 Deuteranopia 1% of men
#448c96 Tritanopia 0.001% of the population

Trichromacy

#6480af Protanomaly 1% of men, 0.01% of women
#6080b2 Deuteranomaly 6% of men, 0.4% of women
#46879f Tritanomaly 0.01% of the population

#4a80af hex color

#4a80af Color Information

#4a80af Color Conversion

Color Schemes with #4a80af

Alternatives to #4a80af

#4a80af Preview

Shades and Tints of #4a80af

Tones of #4a80af

Color Blindness Simulator