#1f20bb hex color

In a RGB color space, hex #1f20bb is composed of 12.2% red, 12.5% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 83.4% cyan, 82.9% magenta, 0% yellow and 26.7% black. It has a hue angle of 239.6 degrees, a saturation of 71.6% and a lightness of 42.7%. #1f20bb color hex could be obtained by blending #3e40ff with #000077. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 12
- G 13
- B 73
RGB color chart
- C 83
- M 83
- Y 0
- K 27
CMYK color chart

● #1f20bb color description : Strong blue.

The hexadecimal color #1f20bb has RGB values of R:31, G:32, B:187 and CMYK values of C:0.83, M:0.83, Y:0, K:0.27. Its decimal value is 2039995.

Hex triplet	1f20bb	`#1f20bb`
RGB Decimal	31, 32, 187	`rgb(31,32,187)`
RGB Percent	12.2, 12.5, 73.3	`rgb(12.2%,12.5%,73.3%)`
CMYK	83, 83, 0, 27
HSL	239.6°, 71.6, 42.7	`hsl(239.6,71.6%,42.7%)`
HSV (or HSB)	239.6°, 83.4, 73.3
Web Safe	3333cc	`#3333cc`

CIE-LAB	26.481, 53.323, -78.366
XYZ	10.049, 4.911, 47.429
xyY	0.161, 0.079, 4.911
CIE-LCH	26.481, 94.787, 304.233
CIE-LUV	26.481, -6.879, -93.897
Hunter-Lab	22.162, 42.159, -111.375
Binary	00011111, 00100000, 10111011

#1f20bb
```
#1f20bb rgb(31,32,187)
```
#bbba1f
```
#bbba1f rgb(187,186,31)
```

Complementary Color

#1f6ebb
```
#1f6ebb rgb(31,110,187)
```
#1f20bb
```
#1f20bb rgb(31,32,187)
```
#6c1fbb
```
#6c1fbb rgb(108,31,187)
```

Analogous Color

#6ebb1f
```
#6ebb1f rgb(110,187,31)
```
#1f20bb
```
#1f20bb rgb(31,32,187)
```
#bb6c1f
```
#bb6c1f rgb(187,108,31)
```

Split Complementary Color

#20bb1f
```
#20bb1f rgb(32,187,31)
```
#1f20bb
```
#1f20bb rgb(31,32,187)
```
#bb1f20
```
#bb1f20 rgb(187,31,32)
```

Triadic Color

#1fbbba
```
#1fbbba rgb(31,187,186)
```
#1f20bb
```
#1f20bb rgb(31,32,187)
```
#bb1f20
```
#bb1f20 rgb(187,31,32)
```
#bbba1f
```
#bbba1f rgb(187,186,31)
```

Tetradic Color

#141579
```
#141579 rgb(20,21,121)
```
#18198f
```
#18198f rgb(24,25,143)
```
#1b1ca5
```
#1b1ca5 rgb(27,28,165)
```
#1f20bb
```
#1f20bb rgb(31,32,187)
```
#2324d1
```
#2324d1 rgb(35,36,209)
```
#3031dd
```
#3031dd rgb(48,49,221)
```
#4647e0
```
#4647e0 rgb(70,71,224)
```

Monochromatic Color

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

#1f47bb
```
#1f47bb rgb(31,71,187)
```
#1f3abb
```
#1f3abb rgb(31,58,187)
```
#1f2dbb
```
#1f2dbb rgb(31,45,187)
```
#1f20bb
```
#1f20bb rgb(31,32,187)
```
#2b1fbb
```
#2b1fbb rgb(43,31,187)
```
#381fbb
```
#381fbb rgb(56,31,187)
```
#451fbb
```
#451fbb rgb(69,31,187)
```

Similar Colors

Text with hexadecimal color #1f20bb

This text has a font color of #1f20bb.

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

#1f20bb background color

This paragraph has a background color of #1f20bb.

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

#1f20bb border color

This element has a border color of #1f20bb.

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

CSS codes

.text {color:#1f20bb;}

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

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

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

#000002
```
#000002 rgb(0,0,2)
```
#030313
```
#030313 rgb(3,3,19)
```
#060624
```
#060624 rgb(6,6,36)
```
#090934
```
#090934 rgb(9,9,52)
```
#0b0c45
```
#0b0c45 rgb(11,12,69)
```
#0e0f56
```
#0e0f56 rgb(14,15,86)
```
#111267
```
#111267 rgb(17,18,103)
```
#141478
```
#141478 rgb(20,20,120)
```
#171789
```
#171789 rgb(23,23,137)
```
#191a99
```
#191a99 rgb(25,26,153)
```
#1c1daa
```
#1c1daa rgb(28,29,170)
```
#1f20bb
```
#1f20bb rgb(31,32,187)
```
#2223cc
```
#2223cc rgb(34,35,204)
```

Shade Color Variation

#2627db
```
#2627db rgb(38,39,219)
```
#3738de
```
#3738de rgb(55,56,222)
```
#4849e1
```
#4849e1 rgb(72,73,225)
```
#595ae3
```
#595ae3 rgb(89,90,227)
```
#696ae6
```
#696ae6 rgb(105,106,230)
```
#7a7be9
```
#7a7be9 rgb(122,123,233)
```
#8b8cec
```
#8b8cec rgb(139,140,236)
```
#9c9cef
```
#9c9cef rgb(156,156,239)
```
#adadf1
```
#adadf1 rgb(173,173,241)
```
#bebef4
```
#bebef4 rgb(190,190,244)
```
#cecff7
```
#cecff7 rgb(206,207,247)
```
#dfdffa
```
#dfdffa rgb(223,223,250)
```
#f0f0fd
```
#f0f0fd rgb(240,240,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6a6a70 is the less saturated color, while #0607d4 is the most saturated one.

#6a6a70
```
#6a6a70 rgb(106,106,112)
```
#626278
```
#626278 rgb(98,98,120)
```
#5a5a80
```
#5a5a80 rgb(90,90,128)
```
#515289
```
#515289 rgb(81,82,137)
```
#494991
```
#494991 rgb(73,73,145)
```
#414199
```
#414199 rgb(65,65,153)
```
#3839a2
```
#3839a2 rgb(56,57,162)
```
#3031aa
```
#3031aa rgb(48,49,170)
```
#2728b3
```
#2728b3 rgb(39,40,179)
```
#1f20bb
```
#1f20bb rgb(31,32,187)
```
#1718c3
```
#1718c3 rgb(23,24,195)
```
#0e0fcc
```
#0e0fcc rgb(14,15,204)
```
#0607d4
```
#0607d4 rgb(6,7,212)
```

Tone Color Variation

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

#313131 Achromatopsia 0.005% of the population
#2d2e4d Atypical Achromatopsia 0.001% of the population

Dichromacy

#004689 Protanopia 1% of men
#004a76 Deuteranopia 1% of men
#004f53 Tritanopia 0.001% of the population

Trichromacy

#0b389b Protanomaly 1% of men, 0.01% of women
#0b3b8f Deuteranomaly 6% of men, 0.4% of women
#0b3e79 Tritanomaly 0.01% of the population

#1f20bb hex color

#1f20bb Color Information

#1f20bb Color Conversion

Color Schemes with #1f20bb

Alternatives to #1f20bb

#1f20bb Preview

Shades and Tints of #1f20bb

Tones of #1f20bb

Color Blindness Simulator