#5f80d4 hex color

In a RGB color space, hex #5f80d4 is composed of 37.3% red, 50.2% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 55.2% cyan, 39.6% magenta, 0% yellow and 16.9% black. It has a hue angle of 223.1 degrees, a saturation of 57.6% and a lightness of 60.2%. #5f80d4 color hex could be obtained by blending #beffff with #0001a9. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 37
- G 50
- B 83
RGB color chart
- C 55
- M 40
- Y 0
- K 17
CMYK color chart

● #5f80d4 color description : Moderate blue.

The hexadecimal color #5f80d4 has RGB values of R:95, G:128, B:212 and CMYK values of C:0.55, M:0.4, Y:0, K:0.17. Its decimal value is 6258900.

Hex triplet	5f80d4	`#5f80d4`
RGB Decimal	95, 128, 212	`rgb(95,128,212)`
RGB Percent	37.3, 50.2, 83.1	`rgb(37.3%,50.2%,83.1%)`
CMYK	55, 40, 0, 17
HSL	223.1°, 57.6, 60.2	`hsl(223.1,57.6%,60.2%)`
HSV (or HSB)	223.1°, 55.2, 83.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	54.682, 12.761, -46.854
XYZ	24.32, 22.623, 65.369
xyY	0.217, 0.201, 22.623
CIE-LCH	54.682, 48.561, 285.235
CIE-LUV	54.682, -17.103, -74.358
Hunter-Lab	47.564, 8.03, -48.189
Binary	01011111, 10000000, 11010100

#5f80d4
```
#5f80d4 rgb(95,128,212)
```
#d4b35f
```
#d4b35f rgb(212,179,95)
```

Complementary Color

#5fbbd4
```
#5fbbd4 rgb(95,187,212)
```
#5f80d4
```
#5f80d4 rgb(95,128,212)
```
#795fd4
```
#795fd4 rgb(121,95,212)
```

Analogous Color

#bbd45f
```
#bbd45f rgb(187,212,95)
```
#5f80d4
```
#5f80d4 rgb(95,128,212)
```
#d4795f
```
#d4795f rgb(212,121,95)
```

Split Complementary Color

#80d45f
```
#80d45f rgb(128,212,95)
```
#5f80d4
```
#5f80d4 rgb(95,128,212)
```
#d45f80
```
#d45f80 rgb(212,95,128)
```

Triadic Color

#5fd4b3
```
#5fd4b3 rgb(95,212,179)
```
#5f80d4
```
#5f80d4 rgb(95,128,212)
```
#d45f80
```
#d45f80 rgb(212,95,128)
```
#d4b35f
```
#d4b35f rgb(212,179,95)
```

Tetradic Color

#3156b6
```
#3156b6 rgb(49,86,182)
```
#3760c9
```
#3760c9 rgb(55,96,201)
```
#4b70cf
```
#4b70cf rgb(75,112,207)
```
#5f80d4
```
#5f80d4 rgb(95,128,212)
```
#7390d9
```
#7390d9 rgb(115,144,217)
```
#87a0df
```
#87a0df rgb(135,160,223)
```
#9bb0e4
```
#9bb0e4 rgb(155,176,228)
```

Monochromatic Color

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

#5f9dd4
```
#5f9dd4 rgb(95,157,212)
```
#5f94d4
```
#5f94d4 rgb(95,148,212)
```
#5f8ad4
```
#5f8ad4 rgb(95,138,212)
```
#5f80d4
```
#5f80d4 rgb(95,128,212)
```
#5f76d4
```
#5f76d4 rgb(95,118,212)
```
#5f6dd4
```
#5f6dd4 rgb(95,109,212)
```
#5f63d4
```
#5f63d4 rgb(95,99,212)
```

Similar Colors

Text with hexadecimal color #5f80d4

This text has a font color of #5f80d4.

<span style="color:#5f80d4;">Text here</span>

#5f80d4 background color

This paragraph has a background color of #5f80d4.

<p style="background-color:#5f80d4;">Content here</p>

#5f80d4 border color

This element has a border color of #5f80d4.

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

CSS codes

.text {color:#5f80d4;}

.background {background-color:#5f80d4;}

.border {border:1px solid #5f80d4;}

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 #fafbfe is the lightest one.

#03050a
```
#03050a rgb(3,5,10)
```
#070c1a
```
#070c1a rgb(7,12,26)
```
#0b1329
```
#0b1329 rgb(11,19,41)
```
#0f1b38
```
#0f1b38 rgb(15,27,56)
```
#132248
```
#132248 rgb(19,34,72)
```
#172957
```
#172957 rgb(23,41,87)
```
#1c3167
```
#1c3167 rgb(28,49,103)
```
#203876
```
#203876 rgb(32,56,118)
```
#244086
```
#244086 rgb(36,64,134)
```
#284795
```
#284795 rgb(40,71,149)
```
#2c4ea5
```
#2c4ea5 rgb(44,78,165)
```
#3056b4
```
#3056b4 rgb(48,86,180)
```
#355dc4
```
#355dc4 rgb(53,93,196)
```

Shade Color Variation

#4067cc
```
#4067cc rgb(64,103,204)
```
#5074d0
```
#5074d0 rgb(80,116,208)
```
#5f80d4
```
#5f80d4 rgb(95,128,212)
```
#6e8cd8
```
#6e8cd8 rgb(110,140,216)
```
#7e99dc
```
#7e99dc rgb(126,153,220)
```
#8da5e0
```
#8da5e0 rgb(141,165,224)
```
#9db1e5
```
#9db1e5 rgb(157,177,229)
```
#acbde9
```
#acbde9 rgb(172,189,233)
```
#bccaed
```
#bccaed rgb(188,202,237)
```
#cbd6f1
```
#cbd6f1 rgb(203,214,241)
```
#dbe2f5
```
#dbe2f5 rgb(219,226,245)
```
#eaeef9
```
#eaeef9 rgb(234,238,249)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #96989d is the less saturated color, while #386ffb is the most saturated one.

#96989d
```
#96989d rgb(150,152,157)
```
#8e94a5
```
#8e94a5 rgb(142,148,165)
```
#8691ad
```
#8691ad rgb(134,145,173)
```
#7e8eb5
```
#7e8eb5 rgb(126,142,181)
```
#768abd
```
#768abd rgb(118,138,189)
```
#6f87c4
```
#6f87c4 rgb(111,135,196)
```
#6783cc
```
#6783cc rgb(103,131,204)
```
#5f80d4
```
#5f80d4 rgb(95,128,212)
```
#577ddc
```
#577ddc rgb(87,125,220)
```
#4f79e4
```
#4f79e4 rgb(79,121,228)
```
#4876eb
```
#4876eb rgb(72,118,235)
```
#4072f3
```
#4072f3 rgb(64,114,243)
```
#386ffb
```
#386ffb rgb(56,111,251)
```

Tone Color Variation

Below, you can see how #5f80d4 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

#808080 Achromatopsia 0.005% of the population
#798091 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6686d6 Protanopia 1% of men
#5689d4 Deuteranopia 1% of men
#4b939e Tritanopia 0.001% of the population

Trichromacy

#6384d5 Protanomaly 1% of men, 0.01% of women
#5986d4 Deuteranomaly 6% of men, 0.4% of women
#528cb1 Tritanomaly 0.01% of the population

#5f80d4 hex color

#5f80d4 Color Information

#5f80d4 Color Conversion

Color Schemes with #5f80d4

Alternatives to #5f80d4

#5f80d4 Preview

Shades and Tints of #5f80d4

Tones of #5f80d4

Color Blindness Simulator