#1f81fb hex color

In a RGB color space, hex #1f81fb is composed of 12.2% red, 50.6% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 87.6% cyan, 48.6% magenta, 0% yellow and 1.6% black. It has a hue angle of 213.3 degrees, a saturation of 96.5% and a lightness of 55.3%. #1f81fb color hex could be obtained by blending #3effff with #0003f7. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 12
- G 51
- B 98
RGB color chart
- C 88
- M 49
- Y 0
- K 2
CMYK color chart

● #1f81fb color description : Vivid blue.

The hexadecimal color #1f81fb has RGB values of R:31, G:129, B:251 and CMYK values of C:0.88, M:0.49, Y:0, K:0.02. Its decimal value is 2064891.

Hex triplet	1f81fb	`#1f81fb`
RGB Decimal	31, 129, 251	`rgb(31,129,251)`
RGB Percent	12.2, 50.6, 98.4	`rgb(12.2%,50.6%,98.4%)`
CMYK	88, 49, 0, 2
HSL	213.3°, 96.5, 55.3	`hsl(213.3,96.5%,55.3%)`
HSV (or HSB)	213.3°, 87.6, 98.4
Web Safe	3399ff	`#3399ff`

CIE-LAB	55.026, 17.696, -68.203
XYZ	25.824, 22.955, 94.331
xyY	0.18, 0.16, 22.955
CIE-LCH	55.026, 70.461, 284.546
CIE-LUV	55.026, -28.389, -108.752
Hunter-Lab	47.911, 12.367, -83.197
Binary	00011111, 10000001, 11111011

#1f81fb
```
#1f81fb rgb(31,129,251)
```
#fb991f
```
#fb991f rgb(251,153,31)
```

Complementary Color

#1feffb
```
#1feffb rgb(31,239,251)
```
#1f81fb
```
#1f81fb rgb(31,129,251)
```
#2b1ffb
```
#2b1ffb rgb(43,31,251)
```

Analogous Color

#effb1f
```
#effb1f rgb(239,251,31)
```
#1f81fb
```
#1f81fb rgb(31,129,251)
```
#fb2b1f
```
#fb2b1f rgb(251,43,31)
```

Split Complementary Color

#81fb1f
```
#81fb1f rgb(129,251,31)
```
#1f81fb
```
#1f81fb rgb(31,129,251)
```
#fb1f81
```
#fb1f81 rgb(251,31,129)
```

Triadic Color

#1ffb99
```
#1ffb99 rgb(31,251,153)
```
#1f81fb
```
#1f81fb rgb(31,129,251)
```
#fb1f81
```
#fb1f81 rgb(251,31,129)
```
#fb991f
```
#fb991f rgb(251,153,31)
```

Tetradic Color

#045cca
```
#045cca rgb(4,92,202)
```
#0467e3
```
#0467e3 rgb(4,103,227)
```
#0673fb
```
#0673fb rgb(6,115,251)
```
#1f81fb
```
#1f81fb rgb(31,129,251)
```
#388ffb
```
#388ffb rgb(56,143,251)
```
#519dfc
```
#519dfc rgb(81,157,252)
```
#6aabfc
```
#6aabfc rgb(106,171,252)
```

Monochromatic Color

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

#1fb8fb
```
#1fb8fb rgb(31,184,251)
```
#1fa6fb
```
#1fa6fb rgb(31,166,251)
```
#1f93fb
```
#1f93fb rgb(31,147,251)
```
#1f81fb
```
#1f81fb rgb(31,129,251)
```
#1f6ffb
```
#1f6ffb rgb(31,111,251)
```
#1f5cfb
```
#1f5cfb rgb(31,92,251)
```
#1f4afb
```
#1f4afb rgb(31,74,251)
```

Similar Colors

Text with hexadecimal color #1f81fb

This text has a font color of #1f81fb.

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

#1f81fb background color

This paragraph has a background color of #1f81fb.

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

#1f81fb border color

This element has a border color of #1f81fb.

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

CSS codes

.text {color:#1f81fb;}

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

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

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, #000307 is the darkest color, while #f3f8ff is the lightest one.

#000307
```
#000307 rgb(0,3,7)
```
#000c1b
```
#000c1b rgb(0,12,27)
```
#01152e
```
#01152e rgb(1,21,46)
```
#011e41
```
#011e41 rgb(1,30,65)
```
#022654
```
#022654 rgb(2,38,84)
```
#022f68
```
#022f68 rgb(2,47,104)
```
#02387b
```
#02387b rgb(2,56,123)
```
#03418e
```
#03418e rgb(3,65,142)
```
#034aa1
```
#034aa1 rgb(3,74,161)
```
#0352b5
```
#0352b5 rgb(3,82,181)
```
#045bc8
```
#045bc8 rgb(4,91,200)
```
#0464db
```
#0464db rgb(4,100,219)
```
#046def
```
#046def rgb(4,109,239)
```

Shade Color Variation

#0c76fb
```
#0c76fb rgb(12,118,251)
```
#1f81fb
```
#1f81fb rgb(31,129,251)
```
#328cfb
```
#328cfb rgb(50,140,251)
```
#4697fc
```
#4697fc rgb(70,151,252)
```
#59a2fc
```
#59a2fc rgb(89,162,252)
```
#6cacfc
```
#6cacfc rgb(108,172,252)
```
#7fb7fd
```
#7fb7fd rgb(127,183,253)
```
#93c2fd
```
#93c2fd rgb(147,194,253)
```
#a6cdfd
```
#a6cdfd rgb(166,205,253)
```
#b9d8fe
```
#b9d8fe rgb(185,216,254)
```
#cce3fe
```
#cce3fe rgb(204,227,254)
```
#e0edfe
```
#e0edfe rgb(224,237,254)
```
#f3f8ff
```
#f3f8ff rgb(243,248,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #888c92 is the less saturated color, while #1f81fb is the most saturated one.

#888c92
```
#888c92 rgb(136,140,146)
```
#7f8c9b
```
#7f8c9b rgb(127,140,155)
```
#778ba3
```
#778ba3 rgb(119,139,163)
```
#6e8aac
```
#6e8aac rgb(110,138,172)
```
#6589b5
```
#6589b5 rgb(101,137,181)
```
#5c88be
```
#5c88be rgb(92,136,190)
```
#5487c6
```
#5487c6 rgb(84,135,198)
```
#4b86cf
```
#4b86cf rgb(75,134,207)
```
#4285d8
```
#4285d8 rgb(66,133,216)
```
#3984e1
```
#3984e1 rgb(57,132,225)
```
#3183e9
```
#3183e9 rgb(49,131,233)
```
#2882f2
```
#2882f2 rgb(40,130,242)
```
#1f81fb
```
#1f81fb rgb(31,129,251)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#61758d Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e86fa Protanopia 1% of men
#008ce7 Deuteranopia 1% of men
#0097a0 Tritanopia 0.001% of the population

Trichromacy

#3384fa Protanomaly 1% of men, 0.01% of women
#0b88ee Deuteranomaly 6% of men, 0.4% of women
#0b8fc1 Tritanomaly 0.01% of the population

#1f81fb hex color

#1f81fb Color Information

#1f81fb Color Conversion

Color Schemes with #1f81fb

Alternatives to #1f81fb

#1f81fb Preview

Shades and Tints of #1f81fb

Tones of #1f81fb

Color Blindness Simulator