#1f71fd hex color

In a RGB color space, hex #1f71fd is composed of 12.2% red, 44.3% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 87.7% cyan, 55.3% magenta, 0% yellow and 0.8% black. It has a hue angle of 217.8 degrees, a saturation of 98.2% and a lightness of 55.7%. #1f71fd color hex could be obtained by blending #3ee2ff with #0000fb. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 12
- G 44
- B 99
RGB color chart
- C 88
- M 55
- Y 0
- K 1
CMYK color chart

● #1f71fd color description : Vivid blue.

The hexadecimal color #1f71fd has RGB values of R:31, G:113, B:253 and CMYK values of C:0.88, M:0.55, Y:0, K:0.01. Its decimal value is 2060797.

Hex triplet	1f71fd	`#1f71fd`
RGB Decimal	31, 113, 253	`rgb(31,113,253)`
RGB Percent	12.2, 44.3, 99.2	`rgb(12.2%,44.3%,99.2%)`
CMYK	88, 55, 0, 1
HSL	217.8°, 98.2, 55.7	`hsl(217.8,98.2%,55.7%)`
HSV (or HSB)	217.8°, 87.7, 99.2
Web Safe	3366ff	`#3366ff`

CIE-LAB	50.91, 28.481, -75.984
XYZ	24.196, 19.191, 95.352
xyY	0.174, 0.138, 19.191
CIE-LCH	50.91, 81.146, 290.547
CIE-LUV	50.91, -23.844, -118.841
Hunter-Lab	43.808, 21.925, -98.385
Binary	00011111, 01110001, 11111101

#1f71fd
```
#1f71fd rgb(31,113,253)
```
#fdab1f
```
#fdab1f rgb(253,171,31)
```

Complementary Color

#1fe0fd
```
#1fe0fd rgb(31,224,253)
```
#1f71fd
```
#1f71fd rgb(31,113,253)
```
#3c1ffd
```
#3c1ffd rgb(60,31,253)
```

Analogous Color

#e0fd1f
```
#e0fd1f rgb(224,253,31)
```
#1f71fd
```
#1f71fd rgb(31,113,253)
```
#fd3c1f
```
#fd3c1f rgb(253,60,31)
```

Split Complementary Color

#71fd1f
```
#71fd1f rgb(113,253,31)
```
#1f71fd
```
#1f71fd rgb(31,113,253)
```
#fd1f71
```
#fd1f71 rgb(253,31,113)
```

Triadic Color

#1ffdab
```
#1ffdab rgb(31,253,171)
```
#1f71fd
```
#1f71fd rgb(31,113,253)
```
#fd1f71
```
#fd1f71 rgb(253,31,113)
```
#fdab1f
```
#fdab1f rgb(253,171,31)
```

Tetradic Color

#024dce
```
#024dce rgb(2,77,206)
```
#0257e7
```
#0257e7 rgb(2,87,231)
```
#0661fd
```
#0661fd rgb(6,97,253)
```
#1f71fd
```
#1f71fd rgb(31,113,253)
```
#3881fd
```
#3881fd rgb(56,129,253)
```
#5291fd
```
#5291fd rgb(82,145,253)
```
#6ba1fe
```
#6ba1fe rgb(107,161,254)
```

Monochromatic Color

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

#1fa9fd
```
#1fa9fd rgb(31,169,253)
```
#1f96fd
```
#1f96fd rgb(31,150,253)
```
#1f84fd
```
#1f84fd rgb(31,132,253)
```
#1f71fd
```
#1f71fd rgb(31,113,253)
```
#1f5ffd
```
#1f5ffd rgb(31,95,253)
```
#1f4cfd
```
#1f4cfd rgb(31,76,253)
```
#1f3afd
```
#1f3afd rgb(31,58,253)
```

Similar Colors

Text with hexadecimal color #1f71fd

This text has a font color of #1f71fd.

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

#1f71fd background color

This paragraph has a background color of #1f71fd.

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

#1f71fd border color

This element has a border color of #1f71fd.

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

CSS codes

.text {color:#1f71fd;}

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

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

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

#000309
```
#000309 rgb(0,3,9)
```
#000b1d
```
#000b1d rgb(0,11,29)
```
#001230
```
#001230 rgb(0,18,48)
```
#011944
```
#011944 rgb(1,25,68)
```
#012157
```
#012157 rgb(1,33,87)
```
#01286b
```
#01286b rgb(1,40,107)
```
#012f7e
```
#012f7e rgb(1,47,126)
```
#013791
```
#013791 rgb(1,55,145)
```
#013ea5
```
#013ea5 rgb(1,62,165)
```
#0245b8
```
#0245b8 rgb(2,69,184)
```
#024ccc
```
#024ccc rgb(2,76,204)
```
#0254df
```
#0254df rgb(2,84,223)
```
#025bf3
```
#025bf3 rgb(2,91,243)
```

Shade Color Variation

#0c65fd
```
#0c65fd rgb(12,101,253)
```
#1f71fd
```
#1f71fd rgb(31,113,253)
```
#327dfd
```
#327dfd rgb(50,125,253)
```
#468afd
```
#468afd rgb(70,138,253)
```
#5996fe
```
#5996fe rgb(89,150,254)
```
#6da2fe
```
#6da2fe rgb(109,162,254)
```
#80affe
```
#80affe rgb(128,175,254)
```
#94bbfe
```
#94bbfe rgb(148,187,254)
```
#a7c7fe
```
#a7c7fe rgb(167,199,254)
```
#bbd4fe
```
#bbd4fe rgb(187,212,254)
```
#cee0ff
```
#cee0ff rgb(206,224,255)
```
#e1ecff
```
#e1ecff rgb(225,236,255)
```
#f5f9ff
```
#f5f9ff rgb(245,249,255)
```

Tint Color Variation

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

#878c95
```
#878c95 rgb(135,140,149)
```
#7f8a9d
```
#7f8a9d rgb(127,138,157)
```
#7688a6
```
#7688a6 rgb(118,136,166)
```
#6d85af
```
#6d85af rgb(109,133,175)
```
#6583b7
```
#6583b7 rgb(101,131,183)
```
#5c81c0
```
#5c81c0 rgb(92,129,192)
```
#537fc9
```
#537fc9 rgb(83,127,201)
```
#4a7cd2
```
#4a7cd2 rgb(74,124,210)
```
#427ada
```
#427ada rgb(66,122,218)
```
#3978e3
```
#3978e3 rgb(57,120,227)
```
#3076ec
```
#3076ec rgb(48,118,236)
```
#2873f4
```
#2873f4 rgb(40,115,244)
```
#1f71fd
```
#1f71fd rgb(31,113,253)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#596a86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007cf3 Protanopia 1% of men
#0083d4 Deuteranopia 1% of men
#008c94 Tritanopia 0.001% of the population

Trichromacy

#0b78f6 Protanomaly 1% of men, 0.01% of women
#0b7ce3 Deuteranomaly 6% of men, 0.4% of women
#0b82ba Tritanomaly 0.01% of the population

#1f71fd hex color

#1f71fd Color Information

#1f71fd Color Conversion

Color Schemes with #1f71fd

Alternatives to #1f71fd

#1f71fd Preview

Shades and Tints of #1f71fd

Tones of #1f71fd

Color Blindness Simulator