#1f36bc hex color

In a RGB color space, hex #1f36bc is composed of 12.2% red, 21.2% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 83.5% cyan, 71.3% magenta, 0% yellow and 26.3% black. It has a hue angle of 231.2 degrees, a saturation of 71.7% and a lightness of 42.9%. #1f36bc color hex could be obtained by blending #3e6cff with #000079. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 12
- G 21
- B 74
RGB color chart
- C 84
- M 71
- Y 0
- K 26
CMYK color chart

● #1f36bc color description : Strong blue.

The hexadecimal color #1f36bc has RGB values of R:31, G:54, B:188 and CMYK values of C:0.84, M:0.71, Y:0, K:0.26. Its decimal value is 2045628.

Hex triplet	1f36bc	`#1f36bc`
RGB Decimal	31, 54, 188	`rgb(31,54,188)`
RGB Percent	12.2, 21.2, 73.7	`rgb(12.2%,21.2%,73.7%)`
CMYK	84, 71, 0, 26
HSL	231.2°, 71.7, 42.9	`hsl(231.2,71.7%,42.9%)`
HSV (or HSB)	231.2°, 83.5, 73.7
Web Safe	3333cc	`#3333cc`

CIE-LAB	30.783, 41.713, -71.832
XYZ	10.959, 6.56, 48.263
xyY	0.167, 0.1, 6.56
CIE-LCH	30.783, 83.065, 300.144
CIE-LUV	30.783, -10.143, -94.456
Hunter-Lab	25.612, 31.561, -93.797
Binary	00011111, 00110110, 10111100

#1f36bc
```
#1f36bc rgb(31,54,188)
```
#bca51f
```
#bca51f rgb(188,165,31)
```

Complementary Color

#1f85bc
```
#1f85bc rgb(31,133,188)
```
#1f36bc
```
#1f36bc rgb(31,54,188)
```
#571fbc
```
#571fbc rgb(87,31,188)
```

Analogous Color

#85bc1f
```
#85bc1f rgb(133,188,31)
```
#1f36bc
```
#1f36bc rgb(31,54,188)
```
#bc571f
```
#bc571f rgb(188,87,31)
```

Split Complementary Color

#36bc1f
```
#36bc1f rgb(54,188,31)
```
#1f36bc
```
#1f36bc rgb(31,54,188)
```
#bc1f36
```
#bc1f36 rgb(188,31,54)
```

Triadic Color

#1fbca5
```
#1fbca5 rgb(31,188,165)
```
#1f36bc
```
#1f36bc rgb(31,54,188)
```
#bc1f36
```
#bc1f36 rgb(188,31,54)
```
#bca51f
```
#bca51f rgb(188,165,31)
```

Tetradic Color

#14237a
```
#14237a rgb(20,35,122)
```
#182990
```
#182990 rgb(24,41,144)
```
#1b30a6
```
#1b30a6 rgb(27,48,166)
```
#1f36bc
```
#1f36bc rgb(31,54,188)
```
#233cd2
```
#233cd2 rgb(35,60,210)
```
#314add
```
#314add rgb(49,74,221)
```
#475de1
```
#475de1 rgb(71,93,225)
```

Monochromatic Color

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

#1f5dbc
```
#1f5dbc rgb(31,93,188)
```
#1f50bc
```
#1f50bc rgb(31,80,188)
```
#1f43bc
```
#1f43bc rgb(31,67,188)
```
#1f36bc
```
#1f36bc rgb(31,54,188)
```
#1f29bc
```
#1f29bc rgb(31,41,188)
```
#221fbc
```
#221fbc rgb(34,31,188)
```
#2f1fbc
```
#2f1fbc rgb(47,31,188)
```

Similar Colors

Text with hexadecimal color #1f36bc

This text has a font color of #1f36bc.

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

#1f36bc background color

This paragraph has a background color of #1f36bc.

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

#1f36bc border color

This element has a border color of #1f36bc.

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

CSS codes

.text {color:#1f36bc;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#030614
```
#030614 rgb(3,6,20)
```
#060a24
```
#060a24 rgb(6,10,36)
```
#090f35
```
#090f35 rgb(9,15,53)
```
#0c1446
```
#0c1446 rgb(12,20,70)
```
#0e1957
```
#0e1957 rgb(14,25,87)
```
#111e68
```
#111e68 rgb(17,30,104)
```
#142379
```
#142379 rgb(20,35,121)
```
#172789
```
#172789 rgb(23,39,137)
```
#192c9a
```
#192c9a rgb(25,44,154)
```
#1c31ab
```
#1c31ab rgb(28,49,171)
```
#1f36bc
```
#1f36bc rgb(31,54,188)
```
#223bcd
```
#223bcd rgb(34,59,205)
```

Shade Color Variation

#2741db
```
#2741db rgb(39,65,219)
```
#3850de
```
#3850de rgb(56,80,222)
```
#495fe1
```
#495fe1 rgb(73,95,225)
```
#596ee4
```
#596ee4 rgb(89,110,228)
```
#6a7ce6
```
#6a7ce6 rgb(106,124,230)
```
#7b8be9
```
#7b8be9 rgb(123,139,233)
```
#8c9aec
```
#8c9aec rgb(140,154,236)
```
#9da9ef
```
#9da9ef rgb(157,169,239)
```
#aeb8f2
```
#aeb8f2 rgb(174,184,242)
```
#bec6f4
```
#bec6f4 rgb(190,198,244)
```
#cfd5f7
```
#cfd5f7 rgb(207,213,247)
```
#e0e4fa
```
#e0e4fa rgb(224,228,250)
```
#f1f3fd
```
#f1f3fd rgb(241,243,253)
```

Tint Color Variation

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

#6b6c70
```
#6b6c70 rgb(107,108,112)
```
#626679
```
#626679 rgb(98,102,121)
```
#5a6081
```
#5a6081 rgb(90,96,129)
```
#525a89
```
#525a89 rgb(82,90,137)
```
#495492
```
#495492 rgb(73,84,146)
```
#414e9a
```
#414e9a rgb(65,78,154)
```
#3848a3
```
#3848a3 rgb(56,72,163)
```
#3042ab
```
#3042ab rgb(48,66,171)
```
#273cb4
```
#273cb4 rgb(39,60,180)
```
#1f36bc
```
#1f36bc rgb(31,54,188)
```
#1730c4
```
#1730c4 rgb(23,48,196)
```
#0e2acd
```
#0e2acd rgb(14,42,205)
```
#0624d5
```
#0624d5 rgb(6,36,213)
```

Tone Color Variation

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

#3e3e3e Achromatopsia 0.005% of the population
#383c57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004f9a Protanopia 1% of men
#005486 Deuteranopia 1% of men
#005a5e Tritanopia 0.001% of the population

Trichromacy

#0b46a6 Protanomaly 1% of men, 0.01% of women
#0b4999 Deuteranomaly 6% of men, 0.4% of women
#0b4c80 Tritanomaly 0.01% of the population

#1f36bc hex color

#1f36bc Color Information

#1f36bc Color Conversion

Color Schemes with #1f36bc

Alternatives to #1f36bc

#1f36bc Preview

Shades and Tints of #1f36bc

Tones of #1f36bc

Color Blindness Simulator