#1f2bdc hex color

In a RGB color space, hex #1f2bdc is composed of 12.2% red, 16.9% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 85.9% cyan, 80.5% magenta, 0% yellow and 13.7% black. It has a hue angle of 236.2 degrees, a saturation of 75.3% and a lightness of 49.2%. #1f2bdc color hex could be obtained by blending #3e56ff with #0000b9. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 12
- G 17
- B 86
RGB color chart
- C 86
- M 80
- Y 0
- K 14
CMYK color chart

● #1f2bdc color description : Vivid blue.

The hexadecimal color #1f2bdc has RGB values of R:31, G:43, B:220 and CMYK values of C:0.86, M:0.8, Y:0, K:0.14. Its decimal value is 2042844.

Hex triplet	1f2bdc	`#1f2bdc`
RGB Decimal	31, 43, 220	`rgb(31,43,220)`
RGB Percent	12.2, 16.9, 86.3	`rgb(12.2%,16.9%,86.3%)`
CMYK	86, 80, 0, 14
HSL	236.2°, 75.3, 49.2	`hsl(236.2,75.3%,49.2%)`
HSV (or HSB)	236.2°, 85.9, 86.3
Web Safe	3333cc	`#3333cc`

CIE-LAB	32.225, 58.341, -88.089
XYZ	14.345, 7.185, 68.337
xyY	0.16, 0.08, 7.185
CIE-LCH	32.225, 105.657, 303.516
CIE-LUV	32.225, -9.402, -113.386
Hunter-Lab	26.805, 48.613, -132.389
Binary	00011111, 00101011, 11011100

#1f2bdc
```
#1f2bdc rgb(31,43,220)
```
#dcd01f
```
#dcd01f rgb(220,208,31)
```

Complementary Color

#1f8adc
```
#1f8adc rgb(31,138,220)
```
#1f2bdc
```
#1f2bdc rgb(31,43,220)
```
#721fdc
```
#721fdc rgb(114,31,220)
```

Analogous Color

#8adc1f
```
#8adc1f rgb(138,220,31)
```
#1f2bdc
```
#1f2bdc rgb(31,43,220)
```
#dc721f
```
#dc721f rgb(220,114,31)
```

Split Complementary Color

#2bdc1f
```
#2bdc1f rgb(43,220,31)
```
#1f2bdc
```
#1f2bdc rgb(31,43,220)
```
#dc1f2b
```
#dc1f2b rgb(220,31,43)
```

Triadic Color

#1fdcd0
```
#1fdcd0 rgb(31,220,208)
```
#1f2bdc
```
#1f2bdc rgb(31,43,220)
```
#dc1f2b
```
#dc1f2b rgb(220,31,43)
```
#dcd01f
```
#dcd01f rgb(220,208,31)
```

Tetradic Color

#161e99
```
#161e99 rgb(22,30,153)
```
#1922af
```
#1922af rgb(25,34,175)
```
#1c27c6
```
#1c27c6 rgb(28,39,198)
```
#1f2bdc
```
#1f2bdc rgb(31,43,220)
```
#323ee2
```
#323ee2 rgb(50,62,226)
```
#4953e5
```
#4953e5 rgb(73,83,229)
```
#5f68e8
```
#5f68e8 rgb(95,104,232)
```

Monochromatic Color

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

#1f5adc
```
#1f5adc rgb(31,90,220)
```
#1f4bdc
```
#1f4bdc rgb(31,75,220)
```
#1f3bdc
```
#1f3bdc rgb(31,59,220)
```
#1f2bdc
```
#1f2bdc rgb(31,43,220)
```
#231fdc
```
#231fdc rgb(35,31,220)
```
#321fdc
```
#321fdc rgb(50,31,220)
```
#421fdc
```
#421fdc rgb(66,31,220)
```

Similar Colors

Text with hexadecimal color #1f2bdc

This text has a font color of #1f2bdc.

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

#1f2bdc background color

This paragraph has a background color of #1f2bdc.

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

#1f2bdc border color

This element has a border color of #1f2bdc.

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

CSS codes

.text {color:#1f2bdc;}

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

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

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, #02030e is the darkest color, while #fbfcff is the lightest one.

#02030e
```
#02030e rgb(2,3,14)
```
#04061f
```
#04061f rgb(4,6,31)
```
#070930
```
#070930 rgb(7,9,48)
```
#090d41
```
#090d41 rgb(9,13,65)
```
#0c1052
```
#0c1052 rgb(12,16,82)
```
#0e1364
```
#0e1364 rgb(14,19,100)
```
#101775
```
#101775 rgb(16,23,117)
```
#131a86
```
#131a86 rgb(19,26,134)
```
#151e97
```
#151e97 rgb(21,30,151)
```
#1821a8
```
#1821a8 rgb(24,33,168)
```
#1a24ba
```
#1a24ba rgb(26,36,186)
```
#1d28cb
```
#1d28cb rgb(29,40,203)
```
#1f2bdc
```
#1f2bdc rgb(31,43,220)
```

Shade Color Variation

#2d39e1
```
#2d39e1 rgb(45,57,225)
```
#3e49e4
```
#3e49e4 rgb(62,73,228)
```
#5059e6
```
#5059e6 rgb(80,89,230)
```
#6169e9
```
#6169e9 rgb(97,105,233)
```
#727aeb
```
#727aeb rgb(114,122,235)
```
#838aee
```
#838aee rgb(131,138,238)
```
#949af0
```
#949af0 rgb(148,154,240)
```
#a6aaf2
```
#a6aaf2 rgb(166,170,242)
```
#b7bbf5
```
#b7bbf5 rgb(183,187,245)
```
#c8cbf7
```
#c8cbf7 rgb(200,203,247)
```
#d9dbfa
```
#d9dbfa rgb(217,219,250)
```
#eaebfc
```
#eaebfc rgb(234,235,252)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#767785
```
#767785 rgb(118,119,133)
```
#6c6e8f
```
#6c6e8f rgb(108,110,143)
```
#636698
```
#636698 rgb(99,102,152)
```
#595ea2
```
#595ea2 rgb(89,94,162)
```
#4f55ac
```
#4f55ac rgb(79,85,172)
```
#464db5
```
#464db5 rgb(70,77,181)
```
#3c44bf
```
#3c44bf rgb(60,68,191)
```
#323cc9
```
#323cc9 rgb(50,60,201)
```
#2933d2
```
#2933d2 rgb(41,51,210)
```
#1f2bdc
```
#1f2bdc rgb(31,43,220)
```
#1523e6
```
#1523e6 rgb(21,35,230)
```
#0c1aef
```
#0c1aef rgb(12,26,239)
```
#0212f9
```
#0212f9 rgb(2,18,249)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#36395c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0052a0 Protanopia 1% of men
#00578a Deuteranopia 1% of men
#005d61 Tritanopia 0.001% of the population

Trichromacy

#0b44b6 Protanomaly 1% of men, 0.01% of women
#0b47a8 Deuteranomaly 6% of men, 0.4% of women
#0b4b8e Tritanomaly 0.01% of the population

#1f2bdc hex color

#1f2bdc Color Information

#1f2bdc Color Conversion

Color Schemes with #1f2bdc

Alternatives to #1f2bdc

#1f2bdc Preview

Shades and Tints of #1f2bdc

Tones of #1f2bdc

Color Blindness Simulator