#4f80d0 hex color

In a RGB color space, hex #4f80d0 is composed of 31% red, 50.2% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 62% cyan, 38.5% magenta, 0% yellow and 18.4% black. It has a hue angle of 217.2 degrees, a saturation of 57.8% and a lightness of 56.3%. #4f80d0 color hex could be obtained by blending #9effff with #0001a1. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 31
- G 50
- B 82
RGB color chart
- C 62
- M 38
- Y 0
- K 18
CMYK color chart

● #4f80d0 color description : Moderate blue.

The hexadecimal color #4f80d0 has RGB values of R:79, G:128, B:208 and CMYK values of C:0.62, M:0.38, Y:0, K:0.18. Its decimal value is 5210320.

Hex triplet	4f80d0	`#4f80d0`
RGB Decimal	79, 128, 208	`rgb(79,128,208)`
RGB Percent	31, 50.2, 81.6	`rgb(31%,50.2%,81.6%)`
CMYK	62, 38, 0, 18
HSL	217.2°, 57.8, 56.3	`hsl(217.2,57.8%,56.3%)`
HSV (or HSB)	217.2°, 62, 81.6
Web Safe	6699cc	`#6699cc`

CIE-LAB	53.657, 8.259, -46.27
XYZ	22.326, 21.653, 62.674
xyY	0.209, 0.203, 21.653
CIE-LCH	53.657, 47.002, 280.12
CIE-LUV	53.657, -21.596, -72.667
Hunter-Lab	46.533, 4.21, -47.283
Binary	01001111, 10000000, 11010000

#4f80d0
```
#4f80d0 rgb(79,128,208)
```
#d09f4f
```
#d09f4f rgb(208,159,79)
```

Complementary Color

#4fc1d0
```
#4fc1d0 rgb(79,193,208)
```
#4f80d0
```
#4f80d0 rgb(79,128,208)
```
#5e4fd0
```
#5e4fd0 rgb(94,79,208)
```

Analogous Color

#c1d04f
```
#c1d04f rgb(193,208,79)
```
#4f80d0
```
#4f80d0 rgb(79,128,208)
```
#d05f4f
```
#d05f4f rgb(208,95,79)
```

Split Complementary Color

#80d04f
```
#80d04f rgb(128,208,79)
```
#4f80d0
```
#4f80d0 rgb(79,128,208)
```
#d04f80
```
#d04f80 rgb(208,79,128)
```

Triadic Color

#4fd09f
```
#4fd09f rgb(79,208,159)
```
#4f80d0
```
#4f80d0 rgb(79,128,208)
```
#d04f80
```
#d04f80 rgb(208,79,128)
```
#d09f4f
```
#d09f4f rgb(208,159,79)
```

Tetradic Color

#2c5ba6
```
#2c5ba6 rgb(44,91,166)
```
#3266ba
```
#3266ba rgb(50,102,186)
```
#3b71cb
```
#3b71cb rgb(59,113,203)
```
#4f80d0
```
#4f80d0 rgb(79,128,208)
```
#638fd5
```
#638fd5 rgb(99,143,213)
```
#779ddb
```
#779ddb rgb(119,157,219)
```
#8bace0
```
#8bace0 rgb(139,172,224)
```

Monochromatic Color

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

#4fa0d0
```
#4fa0d0 rgb(79,160,208)
```
#4f96d0
```
#4f96d0 rgb(79,150,208)
```
#4f8bd0
```
#4f8bd0 rgb(79,139,208)
```
#4f80d0
```
#4f80d0 rgb(79,128,208)
```
#4f75d0
```
#4f75d0 rgb(79,117,208)
```
#4f6bd0
```
#4f6bd0 rgb(79,107,208)
```
#4f60d0
```
#4f60d0 rgb(79,96,208)
```

Similar Colors

Text with hexadecimal color #4f80d0

This text has a font color of #4f80d0.

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

#4f80d0 background color

This paragraph has a background color of #4f80d0.

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

#4f80d0 border color

This element has a border color of #4f80d0.

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

CSS codes

.text {color:#4f80d0;}

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

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

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

#03050a
```
#03050a rgb(3,5,10)
```
#070e19
```
#070e19 rgb(7,14,25)
```
#0b1629
```
#0b1629 rgb(11,22,41)
```
#0f1f38
```
#0f1f38 rgb(15,31,56)
```
#132748
```
#132748 rgb(19,39,72)
```
#173057
```
#173057 rgb(23,48,87)
```
#1b3867
```
#1b3867 rgb(27,56,103)
```
#204076
```
#204076 rgb(32,64,118)
```
#244986
```
#244986 rgb(36,73,134)
```
#285195
```
#285195 rgb(40,81,149)
```
#2c5aa5
```
#2c5aa5 rgb(44,90,165)
```
#3062b4
```
#3062b4 rgb(48,98,180)
```
#346bc4
```
#346bc4 rgb(52,107,196)
```

Shade Color Variation

#4075cc
```
#4075cc rgb(64,117,204)
```
#4f80d0
```
#4f80d0 rgb(79,128,208)
```
#5e8bd4
```
#5e8bd4 rgb(94,139,212)
```
#6e96d8
```
#6e96d8 rgb(110,150,216)
```
#7da2dc
```
#7da2dc rgb(125,162,220)
```
#8dade1
```
#8dade1 rgb(141,173,225)
```
#9cb8e5
```
#9cb8e5 rgb(156,184,229)
```
#acc3e9
```
#acc3e9 rgb(172,195,233)
```
#bbceed
```
#bbceed rgb(187,206,237)
```
#cbd9f1
```
#cbd9f1 rgb(203,217,241)
```
#dae5f5
```
#dae5f5 rgb(218,229,245)
```
#eaf0f9
```
#eaf0f9 rgb(234,240,249)
```
#f9fbfd
```
#f9fbfd rgb(249,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b8e94 is the less saturated color, while #2476fb is the most saturated one.

#8b8e94
```
#8b8e94 rgb(139,142,148)
```
#828c9d
```
#828c9d rgb(130,140,157)
```
#7a8aa5
```
#7a8aa5 rgb(122,138,165)
```
#7188ae
```
#7188ae rgb(113,136,174)
```
#6986b6
```
#6986b6 rgb(105,134,182)
```
#6084bf
```
#6084bf rgb(96,132,191)
```
#5882c7
```
#5882c7 rgb(88,130,199)
```
#4f80d0
```
#4f80d0 rgb(79,128,208)
```
#467ed9
```
#467ed9 rgb(70,126,217)
```
#3e7ce1
```
#3e7ce1 rgb(62,124,225)
```
#357aea
```
#357aea rgb(53,122,234)
```
#2d78f2
```
#2d78f2 rgb(45,120,242)
```
#2476fb
```
#2476fb rgb(36,118,251)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#717b8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#6684d0 Protanopia 1% of men
#5387d2 Deuteranopia 1% of men
#34929d Tritanopia 0.001% of the population

Trichromacy

#5d82d0 Protanomaly 1% of men, 0.01% of women
#5184d1 Deuteranomaly 6% of men, 0.4% of women
#3e8baf Tritanomaly 0.01% of the population

#4f80d0 hex color

#4f80d0 Color Information

#4f80d0 Color Conversion

Color Schemes with #4f80d0

Alternatives to #4f80d0

#4f80d0 Preview

Shades and Tints of #4f80d0

Tones of #4f80d0

Color Blindness Simulator