#1f80ee hex color

In a RGB color space, hex #1f80ee is composed of 12.2% red, 50.2% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 87% cyan, 46.2% magenta, 0% yellow and 6.7% black. It has a hue angle of 211.9 degrees, a saturation of 85.9% and a lightness of 52.7%. #1f80ee color hex could be obtained by blending #3effff with #0001dd. Closest websafe color is: #3399ff.

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

● #1f80ee color description : Vivid blue.

The hexadecimal color #1f80ee has RGB values of R:31, G:128, B:238 and CMYK values of C:0.87, M:0.46, Y:0, K:0.07. Its decimal value is 2064622.

Hex triplet	1f80ee	`#1f80ee`
RGB Decimal	31, 128, 238	`rgb(31,128,238)`
RGB Percent	12.2, 50.2, 93.3	`rgb(12.2%,50.2%,93.3%)`
CMYK	87, 46, 0, 7
HSL	211.9°, 85.9, 52.7	`hsl(211.9,85.9%,52.7%)`
HSV (or HSB)	211.9°, 87, 93.3
Web Safe	3399ff	`#3399ff`

CIE-LAB	53.921, 13.381, -62.775
XYZ	23.713, 21.901, 83.862
xyY	0.183, 0.169, 21.901
CIE-LCH	53.921, 64.185, 282.033
CIE-LUV	53.921, -28.563, -99.468
Hunter-Lab	46.798, 8.552, -73.488
Binary	00011111, 10000000, 11101110

#1f80ee
```
#1f80ee rgb(31,128,238)
```
#ee8d1f
```
#ee8d1f rgb(238,141,31)
```

Complementary Color

#1fe8ee
```
#1fe8ee rgb(31,232,238)
```
#1f80ee
```
#1f80ee rgb(31,128,238)
```
#261fee
```
#261fee rgb(38,31,238)
```

Analogous Color

#e8ee1f
```
#e8ee1f rgb(232,238,31)
```
#1f80ee
```
#1f80ee rgb(31,128,238)
```
#ee261f
```
#ee261f rgb(238,38,31)
```

Split Complementary Color

#80ee1f
```
#80ee1f rgb(128,238,31)
```
#1f80ee
```
#1f80ee rgb(31,128,238)
```
#ee1f80
```
#ee1f80 rgb(238,31,128)
```

Triadic Color

#1fee8d
```
#1fee8d rgb(31,238,141)
```
#1f80ee
```
#1f80ee rgb(31,128,238)
```
#ee1f80
```
#ee1f80 rgb(238,31,128)
```
#ee8d1f
```
#ee8d1f rgb(238,141,31)
```

Tetradic Color

#0e5bb3
```
#0e5bb3 rgb(14,91,179)
```
#0f67cb
```
#0f67cb rgb(15,103,203)
```
#1173e2
```
#1173e2 rgb(17,115,226)
```
#1f80ee
```
#1f80ee rgb(31,128,238)
```
#378df0
```
#378df0 rgb(55,141,240)
```
#4e9bf2
```
#4e9bf2 rgb(78,155,242)
```
#66a8f3
```
#66a8f3 rgb(102,168,243)
```

Monochromatic Color

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

#1fb4ee
```
#1fb4ee rgb(31,180,238)
```
#1fa3ee
```
#1fa3ee rgb(31,163,238)
```
#1f91ee
```
#1f91ee rgb(31,145,238)
```
#1f80ee
```
#1f80ee rgb(31,128,238)
```
#1f6fee
```
#1f6fee rgb(31,111,238)
```
#1f5dee
```
#1f5dee rgb(31,93,238)
```
#1f4cee
```
#1f4cee rgb(31,76,238)
```

Similar Colors

Text with hexadecimal color #1f80ee

This text has a font color of #1f80ee.

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

#1f80ee background color

This paragraph has a background color of #1f80ee.

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

#1f80ee border color

This element has a border color of #1f80ee.

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

CSS codes

.text {color:#1f80ee;}

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

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

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, #01070d is the darkest color, while #fafcff is the lightest one.

#01070d
```
#01070d rgb(1,7,13)
```
#02101f
```
#02101f rgb(2,16,31)
```
#041931
```
#041931 rgb(4,25,49)
```
#052244
```
#052244 rgb(5,34,68)
```
#072c56
```
#072c56 rgb(7,44,86)
```
#083568
```
#083568 rgb(8,53,104)
```
#093e7a
```
#093e7a rgb(9,62,122)
```
#0b488d
```
#0b488d rgb(11,72,141)
```
#0c519f
```
#0c519f rgb(12,81,159)
```
#0d5ab1
```
#0d5ab1 rgb(13,90,177)
```
#0f63c3
```
#0f63c3 rgb(15,99,195)
```
#106dd6
```
#106dd6 rgb(16,109,214)
```
#1276e8
```
#1276e8 rgb(18,118,232)
```

Shade Color Variation

#1f80ee
```
#1f80ee rgb(31,128,238)
```
#318aef
```
#318aef rgb(49,138,239)
```
#4395f1
```
#4395f1 rgb(67,149,241)
```
#569ff2
```
#569ff2 rgb(86,159,242)
```
#68a9f4
```
#68a9f4 rgb(104,169,244)
```
#7ab4f5
```
#7ab4f5 rgb(122,180,245)
```
#8cbef6
```
#8cbef6 rgb(140,190,246)
```
#9fc8f8
```
#9fc8f8 rgb(159,200,248)
```
#b1d3f9
```
#b1d3f9 rgb(177,211,249)
```
#c3ddfa
```
#c3ddfa rgb(195,221,250)
```
#d5e7fc
```
#d5e7fc rgb(213,231,252)
```
#e8f2fd
```
#e8f2fd rgb(232,242,253)
```
#fafcff
```
#fafcff rgb(250,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #858688 is the less saturated color, while #167ff7 is the most saturated one.

#858688
```
#858688 rgb(133,134,136)
```
#7c8691
```
#7c8691 rgb(124,134,145)
```
#72859b
```
#72859b rgb(114,133,155)
```
#6985a4
```
#6985a4 rgb(105,133,164)
```
#6084ad
```
#6084ad rgb(96,132,173)
```
#5783b6
```
#5783b6 rgb(87,131,182)
```
#4d83c0
```
#4d83c0 rgb(77,131,192)
```
#4482c9
```
#4482c9 rgb(68,130,201)
```
#3b82d2
```
#3b82d2 rgb(59,130,210)
```
#3281db
```
#3281db rgb(50,129,219)
```
#2881e5
```
#2881e5 rgb(40,129,229)
```
#1f80ee
```
#1f80ee rgb(31,128,238)
```
#167ff7
```
#167ff7 rgb(22,127,247)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#607389 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b84ec Protanopia 1% of men
#0089e4 Deuteranopia 1% of men
#00949d Tritanopia 0.001% of the population

Trichromacy

#3b82ed Protanomaly 1% of men, 0.01% of women
#0b86e7 Deuteranomaly 6% of men, 0.4% of women
#0b8dba Tritanomaly 0.01% of the population

#1f80ee hex color

#1f80ee Color Information

#1f80ee Color Conversion

Color Schemes with #1f80ee

Alternatives to #1f80ee

#1f80ee Preview

Shades and Tints of #1f80ee

Tones of #1f80ee

Color Blindness Simulator