colorhexa.com

#4f80e8 hex color

In a RGB color space, hex #4f80e8 is composed of 31% red, 50.2% green and 91% blue. Whereas in a CMYK color space, it is composed of 65.9% cyan, 44.8% magenta, 0% yellow and 9% black. It has a hue angle of 220.8 degrees, a saturation of 76.9% and a lightness of 61%. #4f80e8 color hex could be obtained by blending #9effff with #0001d1. Closest websafe color is: #6699ff.

- R 31
- G 50
- B 91
RGB color chart
- C 66
- M 45
- Y 0
- K 9
CMYK color chart

● #4f80e8 color description : Soft blue.

The hexadecimal color #4f80e8 has RGB values of R:79, G:128, B:232 and CMYK values of C:0.66, M:0.45, Y:0, K:0.09. Its decimal value is 5210344.

Hex triplet	4f80e8	`#4f80e8`
RGB Decimal	79, 128, 232	`rgb(79,128,232)`
RGB Percent	31, 50.2, 91	`rgb(31%,50.2%,91%)`
CMYK	66, 45, 0, 9
HSL	220.8°, 76.9, 61	`hsl(220.8,76.9%,61%)`
HSV (or HSB)	220.8°, 65.9, 91
Web Safe	6699ff	`#6699ff`

CIE-LAB	54.995, 16.492, -57.628
XYZ	25.506, 22.925, 79.42
xyY	0.199, 0.179, 22.925
CIE-LCH	54.995, 59.942, 285.97
CIE-LUV	54.995, -21.405, -92.073
Hunter-Lab	47.88, 11.297, -64.83
Binary	01001111, 10000000, 11101000

#4f80e8
```
#4f80e8 rgb(79,128,232)
```
#e8b74f
```
#e8b74f rgb(232,183,79)
```

Complementary Color

#4fcde8
```
#4fcde8 rgb(79,205,232)
```
#4f80e8
```
#4f80e8 rgb(79,128,232)
```
#6b4fe8
```
#6b4fe8 rgb(107,79,232)
```

Analogous Color

#cde84f
```
#cde84f rgb(205,232,79)
```
#4f80e8
```
#4f80e8 rgb(79,128,232)
```
#e86b4f
```
#e86b4f rgb(232,107,79)
```

Split Complementary Color

#80e84f
```
#80e84f rgb(128,232,79)
```
#4f80e8
```
#4f80e8 rgb(79,128,232)
```
#e84f80
```
#e84f80 rgb(232,79,128)
```

Triadic Color

#4fe8b7
```
#4fe8b7 rgb(79,232,183)
```
#4f80e8
```
#4f80e8 rgb(79,128,232)
```
#e84f80
```
#e84f80 rgb(232,79,128)
```
#e8b74f
```
#e8b74f rgb(232,183,79)
```

Tetradic Color

#1b55cf
```
#1b55cf rgb(27,85,207)
```
#225fe2
```
#225fe2 rgb(34,95,226)
```
#3870e5
```
#3870e5 rgb(56,112,229)
```
#4f80e8
```
#4f80e8 rgb(79,128,232)
```
#6690eb
```
#6690eb rgb(102,144,235)
```
#7ca1ee
```
#7ca1ee rgb(124,161,238)
```
#93b1f1
```
#93b1f1 rgb(147,177,241)
```

Monochromatic Color

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

#4fa6e8
```
#4fa6e8 rgb(79,166,232)
```
#4f9ae8
```
#4f9ae8 rgb(79,154,232)
```
#4f8de8
```
#4f8de8 rgb(79,141,232)
```
#4f80e8
```
#4f80e8 rgb(79,128,232)
```
#4f73e8
```
#4f73e8 rgb(79,115,232)
```
#4f67e8
```
#4f67e8 rgb(79,103,232)
```
#4f5ae8
```
#4f5ae8 rgb(79,90,232)
```

Similar Colors

Text with hexadecimal color #4f80e8

This text has a font color of #4f80e8.

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

#4f80e8 background color

This paragraph has a background color of #4f80e8.

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

#4f80e8 border color

This element has a border color of #4f80e8.

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

CSS codes

.text {color:#4f80e8;}

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

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

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, #02060f is the darkest color, while #fcfdff is the lightest one.

#02060f
```
#02060f rgb(2,6,15)
```
#040d20
```
#040d20 rgb(4,13,32)
```
#061432
```
#061432 rgb(6,20,50)
```
#091b43
```
#091b43 rgb(9,27,67)
```
#0b2254
```
#0b2254 rgb(11,34,84)
```
#0d2a66
```
#0d2a66 rgb(13,42,102)
```
#103177
```
#103177 rgb(16,49,119)
```
#123888
```
#123888 rgb(18,56,136)
```
#143f9a
```
#143f9a rgb(20,63,154)
```
#1646ab
```
#1646ab rgb(22,70,171)
```
#194dbc
```
#194dbc rgb(25,77,188)
```
#1b54ce
```
#1b54ce rgb(27,84,206)
```
#1d5bdf
```
#1d5bdf rgb(29,91,223)
```

Shade Color Variation

#2c67e3
```
#2c67e3 rgb(44,103,227)
```
#3e73e6
```
#3e73e6 rgb(62,115,230)
```
#4f80e8
```
#4f80e8 rgb(79,128,232)
```
#608dea
```
#608dea rgb(96,141,234)
```
#7299ed
```
#7299ed rgb(114,153,237)
```
#83a6ef
```
#83a6ef rgb(131,166,239)
```
#94b2f1
```
#94b2f1 rgb(148,178,241)
```
#a6bff3
```
#a6bff3 rgb(166,191,243)
```
#b7cbf6
```
#b7cbf6 rgb(183,203,246)
```
#c8d8f8
```
#c8d8f8 rgb(200,216,248)
```
#dae4fa
```
#dae4fa rgb(218,228,250)
```
#ebf1fc
```
#ebf1fc rgb(235,241,252)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9499a3 is the less saturated color, while #3878ff is the most saturated one.

#9499a3
```
#9499a3 rgb(148,153,163)
```
#8c96ab
```
#8c96ab rgb(140,150,171)
```
#8593b2
```
#8593b2 rgb(133,147,178)
```
#7d91ba
```
#7d91ba rgb(125,145,186)
```
#758ec2
```
#758ec2 rgb(117,142,194)
```
#6e8bc9
```
#6e8bc9 rgb(110,139,201)
```
#6688d1
```
#6688d1 rgb(102,136,209)
```
#5e86d9
```
#5e86d9 rgb(94,134,217)
```
#5783e0
```
#5783e0 rgb(87,131,224)
```
#4f80e8
```
#4f80e8 rgb(79,128,232)
```
#477df0
```
#477df0 rgb(71,125,240)
```
#407af7
```
#407af7 rgb(64,122,247)
```
#3878ff
```
#3878ff rgb(56,120,255)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#747e92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5686e9 Protanopia 1% of men
#2a8be6 Deuteranopia 1% of men
#0097a2 Tritanopia 0.001% of the population

Trichromacy

#5384e8 Protanomaly 1% of men, 0.01% of women
#3787e7 Deuteranomaly 6% of men, 0.4% of women
#1c8ebb Tritanomaly 0.01% of the population