#4f80a6 hex color

In a RGB color space, hex #4f80a6 is composed of 31% red, 50.2% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 52.4% cyan, 22.9% magenta, 0% yellow and 34.9% black. It has a hue angle of 206.2 degrees, a saturation of 35.5% and a lightness of 48%. #4f80a6 color hex could be obtained by blending #9effff with #00014d. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 31
- G 50
- B 65
RGB color chart
- C 52
- M 23
- Y 0
- K 35
CMYK color chart

● #4f80a6 color description : Dark moderate blue.

The hexadecimal color #4f80a6 has RGB values of R:79, G:128, B:166 and CMYK values of C:0.52, M:0.23, Y:0, K:0.35. Its decimal value is 5210278.

Hex triplet	4f80a6	`#4f80a6`
RGB Decimal	79, 128, 166	`rgb(79,128,166)`
RGB Percent	31, 50.2, 65.1	`rgb(31%,50.2%,65.1%)`
CMYK	52, 23, 0, 35
HSL	206.2°, 35.5, 48	`hsl(206.2,35.5%,48%)`
HSV (or HSB)	206.2°, 52.4, 65.1
Web Safe	669999	`#669999`

CIE-LAB	51.67, -5.485, -25.323
XYZ	17.825, 19.853, 38.967
xyY	0.233, 0.259, 19.853
CIE-LCH	51.67, 25.91, 257.779
CIE-LUV	51.67, -22.161, -37.1
Hunter-Lab	44.556, -6.564, -20.663
Binary	01001111, 10000000, 10100110

#4f80a6
```
#4f80a6 rgb(79,128,166)
```
#a6754f
```
#a6754f rgb(166,117,79)
```

Complementary Color

#4fa6a1
```
#4fa6a1 rgb(79,166,161)
```
#4f80a6
```
#4f80a6 rgb(79,128,166)
```
#4f55a6
```
#4f55a6 rgb(79,85,166)
```

Analogous Color

#a6a14f
```
#a6a14f rgb(166,161,79)
```
#4f80a6
```
#4f80a6 rgb(79,128,166)
```
#a64f55
```
#a64f55 rgb(166,79,85)
```

Split Complementary Color

#80a64f
```
#80a64f rgb(128,166,79)
```
#4f80a6
```
#4f80a6 rgb(79,128,166)
```
#a64f80
```
#a64f80 rgb(166,79,128)
```

Triadic Color

#4fa675
```
#4fa675 rgb(79,166,117)
```
#4f80a6
```
#4f80a6 rgb(79,128,166)
```
#a64f80
```
#a64f80 rgb(166,79,128)
```
#a6754f
```
#a6754f rgb(166,117,79)
```

Tetradic Color

#365872
```
#365872 rgb(54,88,114)
```
#3f6583
```
#3f6583 rgb(63,101,131)
```
#477395
```
#477395 rgb(71,115,149)
```
#4f80a6
```
#4f80a6 rgb(79,128,166)
```
#5d8db2
```
#5d8db2 rgb(93,141,178)
```
#6e99ba
```
#6e99ba rgb(110,153,186)
```
#7fa5c2
```
#7fa5c2 rgb(127,165,194)
```

Monochromatic Color

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

#4f96a6
```
#4f96a6 rgb(79,150,166)
```
#4f8fa6
```
#4f8fa6 rgb(79,143,166)
```
#4f87a6
```
#4f87a6 rgb(79,135,166)
```
#4f80a6
```
#4f80a6 rgb(79,128,166)
```
#4f79a6
```
#4f79a6 rgb(79,121,166)
```
#4f72a6
```
#4f72a6 rgb(79,114,166)
```
#4f6aa6
```
#4f6aa6 rgb(79,106,166)
```

Similar Colors

Text with hexadecimal color #4f80a6

This text has a font color of #4f80a6.

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

#4f80a6 background color

This paragraph has a background color of #4f80a6.

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

#4f80a6 border color

This element has a border color of #4f80a6.

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

CSS codes

.text {color:#4f80a6;}

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

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

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

#030507
```
#030507 rgb(3,5,7)
```
#090f14
```
#090f14 rgb(9,15,20)
```
#101a21
```
#101a21 rgb(16,26,33)
```
#16242e
```
#16242e rgb(22,36,46)
```
#1c2e3c
```
#1c2e3c rgb(28,46,60)
```
#233849
```
#233849 rgb(35,56,73)
```
#294356
```
#294356 rgb(41,67,86)
```
#2f4d64
```
#2f4d64 rgb(47,77,100)
```
#365771
```
#365771 rgb(54,87,113)
```
#3c617e
```
#3c617e rgb(60,97,126)
```
#426c8b
```
#426c8b rgb(66,108,139)
```
#497699
```
#497699 rgb(73,118,153)
```
#4f80a6
```
#4f80a6 rgb(79,128,166)
```

Shade Color Variation

#598ab0
```
#598ab0 rgb(89,138,176)
```
#6693b6
```
#6693b6 rgb(102,147,182)
```
#739dbd
```
#739dbd rgb(115,157,189)
```
#81a6c3
```
#81a6c3 rgb(129,166,195)
```
#8eafc9
```
#8eafc9 rgb(142,175,201)
```
#9bb9d0
```
#9bb9d0 rgb(155,185,208)
```
#a8c2d6
```
#a8c2d6 rgb(168,194,214)
```
#b6cbdc
```
#b6cbdc rgb(182,203,220)
```
#c3d5e2
```
#c3d5e2 rgb(195,213,226)
```
#d0dee9
```
#d0dee9 rgb(208,222,233)
```
#dee7ef
```
#dee7ef rgb(222,231,239)
```
#ebf1f5
```
#ebf1f5 rgb(235,241,245)
```
#f8fafc
```
#f8fafc rgb(248,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #757b80 is the less saturated color, while #048af1 is the most saturated one.

#757b80
```
#757b80 rgb(117,123,128)
```
#6b7c8a
```
#6b7c8a rgb(107,124,138)
```
#627e93
```
#627e93 rgb(98,126,147)
```
#587f9d
```
#587f9d rgb(88,127,157)
```
#4f80a6
```
#4f80a6 rgb(79,128,166)
```
#4681af
```
#4681af rgb(70,129,175)
```
#3c82b9
```
#3c82b9 rgb(60,130,185)
```
#3384c2
```
#3384c2 rgb(51,132,194)
```
#2985cc
```
#2985cc rgb(41,133,204)
```
#2086d5
```
#2086d5 rgb(32,134,213)
```
#1687df
```
#1687df rgb(22,135,223)
```
#0d88e8
```
#0d88e8 rgb(13,136,232)
```
#048af1
```
#048af1 rgb(4,138,241)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#6e7880 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7780a6 Protanopia 1% of men
#7380ac Deuteranopia 1% of men
#4e8a94 Tritanopia 0.001% of the population

Trichromacy

#6880a6 Protanomaly 1% of men, 0.01% of women
#6680aa Deuteranomaly 6% of men, 0.4% of women
#4e869b Tritanomaly 0.01% of the population

#4f80a6 hex color

#4f80a6 Color Information

#4f80a6 Color Conversion

Color Schemes with #4f80a6

Alternatives to #4f80a6

#4f80a6 Preview

Shades and Tints of #4f80a6

Tones of #4f80a6

Color Blindness Simulator