#4f80ae hex color

In a RGB color space, hex #4f80ae is composed of 31% red, 50.2% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 54.6% cyan, 26.4% magenta, 0% yellow and 31.8% black. It has a hue angle of 209.1 degrees, a saturation of 37.5% and a lightness of 49.6%. #4f80ae color hex could be obtained by blending #9effff with #00015d. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 31
- G 50
- B 68
RGB color chart
- C 55
- M 26
- Y 0
- K 32
CMYK color chart

● #4f80ae color description : Dark moderate blue.

The hexadecimal color #4f80ae has RGB values of R:79, G:128, B:174 and CMYK values of C:0.55, M:0.26, Y:0, K:0.32. Its decimal value is 5210286.

Hex triplet	4f80ae	`#4f80ae`
RGB Decimal	79, 128, 174	`rgb(79,128,174)`
RGB Percent	31, 50.2, 68.2	`rgb(31%,50.2%,68.2%)`
CMYK	55, 26, 0, 32
HSL	209.1°, 37.5, 49.6	`hsl(209.1,37.5%,49.6%)`
HSV (or HSB)	209.1°, 54.6, 68.2
Web Safe	669999	`#669999`

CIE-LAB	52.013, -2.965, -29.418
XYZ	18.582, 20.156, 42.953
xyY	0.227, 0.247, 20.156
CIE-LCH	52.013, 29.567, 264.245
CIE-LUV	52.013, -22.033, -43.967
Hunter-Lab	44.895, -4.686, -25.299
Binary	01001111, 10000000, 10101110

#4f80ae
```
#4f80ae rgb(79,128,174)
```
#ae7d4f
```
#ae7d4f rgb(174,125,79)
```

Complementary Color

#4faead
```
#4faead rgb(79,174,173)
```
#4f80ae
```
#4f80ae rgb(79,128,174)
```
#4f51ae
```
#4f51ae rgb(79,81,174)
```

Analogous Color

#aead4f
```
#aead4f rgb(174,173,79)
```
#4f80ae
```
#4f80ae rgb(79,128,174)
```
#ae4f51
```
#ae4f51 rgb(174,79,81)
```

Split Complementary Color

#80ae4f
```
#80ae4f rgb(128,174,79)
```
#4f80ae
```
#4f80ae rgb(79,128,174)
```
#ae4f80
```
#ae4f80 rgb(174,79,128)
```

Triadic Color

#4fae7d
```
#4fae7d rgb(79,174,125)
```
#4f80ae
```
#4f80ae rgb(79,128,174)
```
#ae4f80
```
#ae4f80 rgb(174,79,128)
```
#ae7d4f
```
#ae7d4f rgb(174,125,79)
```

Tetradic Color

#375979
```
#375979 rgb(55,89,121)
```
#3f668b
```
#3f668b rgb(63,102,139)
```
#47739c
```
#47739c rgb(71,115,156)
```
#4f80ae
```
#4f80ae rgb(79,128,174)
```
#608db7
```
#608db7 rgb(96,141,183)
```
#7199bf
```
#7199bf rgb(113,153,191)
```
#83a6c7
```
#83a6c7 rgb(131,166,199)
```

Monochromatic Color

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

#4f98ae
```
#4f98ae rgb(79,152,174)
```
#4f90ae
```
#4f90ae rgb(79,144,174)
```
#4f88ae
```
#4f88ae rgb(79,136,174)
```
#4f80ae
```
#4f80ae rgb(79,128,174)
```
#4f78ae
```
#4f78ae rgb(79,120,174)
```
#4f70ae
```
#4f70ae rgb(79,112,174)
```
#4f68ae
```
#4f68ae rgb(79,104,174)
```

Similar Colors

Text with hexadecimal color #4f80ae

This text has a font color of #4f80ae.

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

#4f80ae background color

This paragraph has a background color of #4f80ae.

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

#4f80ae border color

This element has a border color of #4f80ae.

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

CSS codes

.text {color:#4f80ae;}

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

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

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, #06090c is the darkest color, while #fefefe is the lightest one.

#06090c
```
#06090c rgb(6,9,12)
```
#0c131a
```
#0c131a rgb(12,19,26)
```
#121d27
```
#121d27 rgb(18,29,39)
```
#182735
```
#182735 rgb(24,39,53)
```
#1e3142
```
#1e3142 rgb(30,49,66)
```
#243b50
```
#243b50 rgb(36,59,80)
```
#2a445d
```
#2a445d rgb(42,68,93)
```
#304e6b
```
#304e6b rgb(48,78,107)
```
#375878
```
#375878 rgb(55,88,120)
```
#3d6286
```
#3d6286 rgb(61,98,134)
```
#436c93
```
#436c93 rgb(67,108,147)
```
#4976a1
```
#4976a1 rgb(73,118,161)
```
#4f80ae
```
#4f80ae rgb(79,128,174)
```

Shade Color Variation

#5c8ab5
```
#5c8ab5 rgb(92,138,181)
```
#6993bb
```
#6993bb rgb(105,147,187)
```
#779dc1
```
#779dc1 rgb(119,157,193)
```
#84a7c7
```
#84a7c7 rgb(132,167,199)
```
#92b0cd
```
#92b0cd rgb(146,176,205)
```
#9fbad4
```
#9fbad4 rgb(159,186,212)
```
#adc4da
```
#adc4da rgb(173,196,218)
```
#bacee0
```
#bacee0 rgb(186,206,224)
```
#c8d7e6
```
#c8d7e6 rgb(200,215,230)
```
#d5e1ec
```
#d5e1ec rgb(213,225,236)
```
#e3ebf2
```
#e3ebf2 rgb(227,235,242)
```
#f0f4f8
```
#f0f4f8 rgb(240,244,248)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #767f87 is the less saturated color, while #0182fc is the most saturated one.

#767f87
```
#767f87 rgb(118,127,135)
```
#6c7f91
```
#6c7f91 rgb(108,127,145)
```
#627f9b
```
#627f9b rgb(98,127,155)
```
#5980a4
```
#5980a4 rgb(89,128,164)
```
#4f80ae
```
#4f80ae rgb(79,128,174)
```
#4580b8
```
#4580b8 rgb(69,128,184)
```
#3c81c1
```
#3c81c1 rgb(60,129,193)
```
#3281cb
```
#3281cb rgb(50,129,203)
```
#2881d5
```
#2881d5 rgb(40,129,213)
```
#1e82df
```
#1e82df rgb(30,130,223)
```
#1582e8
```
#1582e8 rgb(21,130,232)
```
#0b82f2
```
#0b82f2 rgb(11,130,242)
```
#0182fc
```
#0182fc rgb(1,130,252)
```

Tone Color Variation

Below, you can see how #4f80ae 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
#6f7982 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7481ae Protanopia 1% of men
#6f81b4 Deuteranopia 1% of men
#4b8c96 Tritanopia 0.001% of the population

Trichromacy

#6680ae Protanomaly 1% of men, 0.01% of women
#6381b1 Deuteranomaly 6% of men, 0.4% of women
#4c879e Tritanomaly 0.01% of the population

#4f80ae hex color

#4f80ae Color Information

#4f80ae Color Conversion

Color Schemes with #4f80ae

Alternatives to #4f80ae

#4f80ae Preview

Shades and Tints of #4f80ae

Tones of #4f80ae

Color Blindness Simulator