#1f20df hex color

In a RGB color space, hex #1f20df is composed of 12.2% red, 12.5% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 86.1% cyan, 85.7% magenta, 0% yellow and 12.5% black. It has a hue angle of 239.7 degrees, a saturation of 75.6% and a lightness of 49.8%. #1f20df color hex could be obtained by blending #3e40ff with #0000bf. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 12
- G 13
- B 87
RGB color chart
- C 86
- M 86
- Y 0
- K 13
CMYK color chart

● #1f20df color description : Vivid blue.

The hexadecimal color #1f20df has RGB values of R:31, G:32, B:223 and CMYK values of C:0.86, M:0.86, Y:0, K:0.13. Its decimal value is 2040031.

Hex triplet	1f20df	`#1f20df`
RGB Decimal	31, 32, 223	`rgb(31,32,223)`
RGB Percent	12.2, 12.5, 87.5	`rgb(12.2%,12.5%,87.5%)`
CMYK	86, 86, 0, 13
HSL	239.7°, 75.6, 49.8	`hsl(239.7,75.6%,49.8%)`
HSV (or HSB)	239.7°, 86.1, 87.5
Web Safe	3333cc	`#3333cc`

CIE-LAB	30.999, 63.957, -91.855
XYZ	14.398, 6.651, 70.333
xyY	0.158, 0.073, 6.651
CIE-LCH	30.999, 111.928, 304.849
CIE-LUV	30.999, -8.35, -114.547
Hunter-Lab	25.79, 54.524, -143.642
Binary	00011111, 00100000, 11011111

#1f20df
```
#1f20df rgb(31,32,223)
```
#dfde1f
```
#dfde1f rgb(223,222,31)
```

Complementary Color

#1f80df
```
#1f80df rgb(31,128,223)
```
#1f20df
```
#1f20df rgb(31,32,223)
```
#7e1fdf
```
#7e1fdf rgb(126,31,223)
```

Analogous Color

#80df1f
```
#80df1f rgb(128,223,31)
```
#1f20df
```
#1f20df rgb(31,32,223)
```
#df7e1f
```
#df7e1f rgb(223,126,31)
```

Split Complementary Color

#20df1f
```
#20df1f rgb(32,223,31)
```
#1f20df
```
#1f20df rgb(31,32,223)
```
#df1f20
```
#df1f20 rgb(223,31,32)
```

Triadic Color

#1fdfde
```
#1fdfde rgb(31,223,222)
```
#1f20df
```
#1f20df rgb(31,32,223)
```
#df1f20
```
#df1f20 rgb(223,31,32)
```
#dfde1f
```
#dfde1f rgb(223,222,31)
```

Tetradic Color

#16169c
```
#16169c rgb(22,22,156)
```
#191ab2
```
#191ab2 rgb(25,26,178)
```
#1c1dc9
```
#1c1dc9 rgb(28,29,201)
```
#1f20df
```
#1f20df rgb(31,32,223)
```
#3536e3
```
#3536e3 rgb(53,54,227)
```
#4b4ce6
```
#4b4ce6 rgb(75,76,230)
```
#6162e9
```
#6162e9 rgb(97,98,233)
```

Monochromatic Color

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

#1f50df
```
#1f50df rgb(31,80,223)
```
#1f40df
```
#1f40df rgb(31,64,223)
```
#1f30df
```
#1f30df rgb(31,48,223)
```
#1f20df
```
#1f20df rgb(31,32,223)
```
#2e1fdf
```
#2e1fdf rgb(46,31,223)
```
#3e1fdf
```
#3e1fdf rgb(62,31,223)
```
#4e1fdf
```
#4e1fdf rgb(78,31,223)
```

Similar Colors

Text with hexadecimal color #1f20df

This text has a font color of #1f20df.

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

#1f20df background color

This paragraph has a background color of #1f20df.

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

#1f20df border color

This element has a border color of #1f20df.

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

CSS codes

.text {color:#1f20df;}

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

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

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

#020210
```
#020210 rgb(2,2,16)
```
#050522
```
#050522 rgb(5,5,34)
```
#070733
```
#070733 rgb(7,7,51)
```
#090a44
```
#090a44 rgb(9,10,68)
```
#0c0c55
```
#0c0c55 rgb(12,12,85)
```
#0e0f66
```
#0e0f66 rgb(14,15,102)
```
#111178
```
#111178 rgb(17,17,120)
```
#131489
```
#131489 rgb(19,20,137)
```
#15169a
```
#15169a rgb(21,22,154)
```
#1819ab
```
#1819ab rgb(24,25,171)
```
#1a1bbd
```
#1a1bbd rgb(26,27,189)
```
#1d1ece
```
#1d1ece rgb(29,30,206)
```
#1f20df
```
#1f20df rgb(31,32,223)
```

Shade Color Variation

#2f30e2
```
#2f30e2 rgb(47,48,226)
```
#4142e5
```
#4142e5 rgb(65,66,229)
```
#5253e7
```
#5253e7 rgb(82,83,231)
```
#6364e9
```
#6364e9 rgb(99,100,233)
```
#7475ec
```
#7475ec rgb(116,117,236)
```
#8686ee
```
#8686ee rgb(134,134,238)
```
#9797f1
```
#9797f1 rgb(151,151,241)
```
#a8a8f3
```
#a8a8f3 rgb(168,168,243)
```
#b9baf5
```
#b9baf5 rgb(185,186,245)
```
#cacbf8
```
#cacbf8 rgb(202,203,248)
```
#dcdcfa
```
#dcdcfa rgb(220,220,250)
```
#ededfc
```
#ededfc rgb(237,237,252)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#777787
```
#777787 rgb(119,119,135)
```
#6d6d91
```
#6d6d91 rgb(109,109,145)
```
#63649b
```
#63649b rgb(99,100,155)
```
#5a5aa4
```
#5a5aa4 rgb(90,90,164)
```
#5050ae
```
#5050ae rgb(80,80,174)
```
#4647b8
```
#4647b8 rgb(70,71,184)
```
#3c3dc2
```
#3c3dc2 rgb(60,61,194)
```
#3333cb
```
#3333cb rgb(51,51,203)
```
#292ad5
```
#292ad5 rgb(41,42,213)
```
#1f20df
```
#1f20df rgb(31,32,223)
```
#1516e9
```
#1516e9 rgb(21,22,233)
```
#0b0df3
```
#0b0df3 rgb(11,13,243)
```
#0203fc
```
#0203fc rgb(2,3,252)
```

Tone Color Variation

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

#353535 Achromatopsia 0.005% of the population
#313157 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509b Protanopia 1% of men
#005486 Deuteranopia 1% of men
#005a5e Tritanopia 0.001% of the population

Trichromacy

#0b3eb3 Protanomaly 1% of men, 0.01% of women
#0b41a6 Deuteranomaly 6% of men, 0.4% of women
#0b458d Tritanomaly 0.01% of the population

#1f20df hex color

#1f20df Color Information

#1f20df Color Conversion

Color Schemes with #1f20df

Alternatives to #1f20df

#1f20df Preview

Shades and Tints of #1f20df

Tones of #1f20df

Color Blindness Simulator