#1f80eb hex color

In a RGB color space, hex #1f80eb is composed of 12.2% red, 50.2% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 86.8% cyan, 45.5% magenta, 0% yellow and 7.8% black. It has a hue angle of 211.5 degrees, a saturation of 83.6% and a lightness of 52.2%. #1f80eb color hex could be obtained by blending #3effff with #0001d7. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 12
- G 50
- B 92
RGB color chart
- C 87
- M 46
- Y 0
- K 8
CMYK color chart

● #1f80eb color description : Vivid blue.

The hexadecimal color #1f80eb has RGB values of R:31, G:128, B:235 and CMYK values of C:0.87, M:0.46, Y:0, K:0.08. Its decimal value is 2064619.

Hex triplet	1f80eb	`#1f80eb`
RGB Decimal	31, 128, 235	`rgb(31,128,235)`
RGB Percent	12.2, 50.2, 92.2	`rgb(12.2%,50.2%,92.2%)`
CMYK	87, 46, 0, 8
HSL	211.5°, 83.6, 52.2	`hsl(211.5,83.6%,52.2%)`
HSV (or HSB)	211.5°, 86.8, 92.2
Web Safe	3399ff	`#3399ff`

CIE-LAB	53.735, 12.239, -61.403
XYZ	23.276, 21.726, 81.559
xyY	0.184, 0.172, 21.726
CIE-LCH	53.735, 62.611, 281.273
CIE-LUV	53.735, -28.68, -97.148
Hunter-Lab	46.611, 7.569, -71.118
Binary	00011111, 10000000, 11101011

#1f80eb
```
#1f80eb rgb(31,128,235)
```
#eb8a1f
```
#eb8a1f rgb(235,138,31)
```

Complementary Color

#1fe6eb
```
#1fe6eb rgb(31,230,235)
```
#1f80eb
```
#1f80eb rgb(31,128,235)
```
#241feb
```
#241feb rgb(36,31,235)
```

Analogous Color

#e6eb1f
```
#e6eb1f rgb(230,235,31)
```
#1f80eb
```
#1f80eb rgb(31,128,235)
```
#eb241f
```
#eb241f rgb(235,36,31)
```

Split Complementary Color

#80eb1f
```
#80eb1f rgb(128,235,31)
```
#1f80eb
```
#1f80eb rgb(31,128,235)
```
#eb1f80
```
#eb1f80 rgb(235,31,128)
```

Triadic Color

#1feb8a
```
#1feb8a rgb(31,235,138)
```
#1f80eb
```
#1f80eb rgb(31,128,235)
```
#eb1f80
```
#eb1f80 rgb(235,31,128)
```
#eb8a1f
```
#eb8a1f rgb(235,138,31)
```

Tetradic Color

#105bae
```
#105bae rgb(16,91,174)
```
#1267c5
```
#1267c5 rgb(18,103,197)
```
#1473dd
```
#1473dd rgb(20,115,221)
```
#1f80eb
```
#1f80eb rgb(31,128,235)
```
#368ded
```
#368ded rgb(54,141,237)
```
#4e9bef
```
#4e9bef rgb(78,155,239)
```
#65a8f1
```
#65a8f1 rgb(101,168,241)
```

Monochromatic Color

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

#1fb3eb
```
#1fb3eb rgb(31,179,235)
```
#1fa2eb
```
#1fa2eb rgb(31,162,235)
```
#1f91eb
```
#1f91eb rgb(31,145,235)
```
#1f80eb
```
#1f80eb rgb(31,128,235)
```
#1f6feb
```
#1f6feb rgb(31,111,235)
```
#1f5eeb
```
#1f5eeb rgb(31,94,235)
```
#1f4deb
```
#1f4deb rgb(31,77,235)
```

Similar Colors

Text with hexadecimal color #1f80eb

This text has a font color of #1f80eb.

<span style="color:#1f80eb;">Text here</span>

#1f80eb background color

This paragraph has a background color of #1f80eb.

<p style="background-color:#1f80eb;">Content here</p>

#1f80eb border color

This element has a border color of #1f80eb.

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

CSS codes

.text {color:#1f80eb;}

.background {background-color:#1f80eb;}

.border {border:1px solid #1f80eb;}

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

#01050a
```
#01050a rgb(1,5,10)
```
#030f1c
```
#030f1c rgb(3,15,28)
```
#04182e
```
#04182e rgb(4,24,46)
```
#062140
```
#062140 rgb(6,33,64)
```
#072b52
```
#072b52 rgb(7,43,82)
```
#093464
```
#093464 rgb(9,52,100)
```
#0b3e76
```
#0b3e76 rgb(11,62,118)
```
#0c4788
```
#0c4788 rgb(12,71,136)
```
#0e519a
```
#0e519a rgb(14,81,154)
```
#0f5aac
```
#0f5aac rgb(15,90,172)
```
#1163be
```
#1163be rgb(17,99,190)
```
#136dd0
```
#136dd0 rgb(19,109,208)
```
#1476e2
```
#1476e2 rgb(20,118,226)
```

Shade Color Variation

#1f80eb
```
#1f80eb rgb(31,128,235)
```
#318aed
```
#318aed rgb(49,138,237)
```
#4394ee
```
#4394ee rgb(67,148,238)
```
#559ff0
```
#559ff0 rgb(85,159,240)
```
#67a9f1
```
#67a9f1 rgb(103,169,241)
```
#79b3f3
```
#79b3f3 rgb(121,179,243)
```
#8bbdf5
```
#8bbdf5 rgb(139,189,245)
```
#9dc7f6
```
#9dc7f6 rgb(157,199,246)
```
#afd2f8
```
#afd2f8 rgb(175,210,248)
```
#c1dcf9
```
#c1dcf9 rgb(193,220,249)
```
#d3e6fb
```
#d3e6fb rgb(211,230,251)
```
#e5f0fd
```
#e5f0fd rgb(229,240,253)
```
#f7fbfe
```
#f7fbfe rgb(247,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d858d is the less saturated color, while #0c7ffe is the most saturated one.

#7d858d
```
#7d858d rgb(125,133,141)
```
#738497
```
#738497 rgb(115,132,151)
```
#6a84a0
```
#6a84a0 rgb(106,132,160)
```
#6183a9
```
#6183a9 rgb(97,131,169)
```
#5783b3
```
#5783b3 rgb(87,131,179)
```
#4e82bc
```
#4e82bc rgb(78,130,188)
```
#4582c5
```
#4582c5 rgb(69,130,197)
```
#3b81cf
```
#3b81cf rgb(59,129,207)
```
#3281d8
```
#3281d8 rgb(50,129,216)
```
#2880e2
```
#2880e2 rgb(40,128,226)
```
#1f80eb
```
#1f80eb rgb(31,128,235)
```
#1680f4
```
#1680f4 rgb(22,128,244)
```
#0c7ffe
```
#0c7ffe rgb(12,127,254)
```

Tone Color Variation

Below, you can see how #1f80eb 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

#6f6f6f Achromatopsia 0.005% of the population
#5f7288 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e83e9 Protanopia 1% of men
#0089e3 Deuteranopia 1% of men
#00949d Tritanopia 0.001% of the population

Trichromacy

#3d82e9 Protanomaly 1% of men, 0.01% of women
#0b85e6 Deuteranomaly 6% of men, 0.4% of women
#0b8cb9 Tritanomaly 0.01% of the population

#1f80eb hex color

#1f80eb Color Information

#1f80eb Color Conversion

Color Schemes with #1f80eb

Alternatives to #1f80eb

#1f80eb Preview

Shades and Tints of #1f80eb

Tones of #1f80eb

Color Blindness Simulator