#1f36ba hex color

In a RGB color space, hex #1f36ba is composed of 12.2% red, 21.2% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 83.3% cyan, 71% magenta, 0% yellow and 27.1% black. It has a hue angle of 231.1 degrees, a saturation of 71.4% and a lightness of 42.5%. #1f36ba color hex could be obtained by blending #3e6cff with #000075. Closest websafe color is: #3333cc.

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

● #1f36ba color description : Strong blue.

The hexadecimal color #1f36ba has RGB values of R:31, G:54, B:186 and CMYK values of C:0.83, M:0.71, Y:0, K:0.27. Its decimal value is 2045626.

Hex triplet	1f36ba	`#1f36ba`
RGB Decimal	31, 54, 186	`rgb(31,54,186)`
RGB Percent	12.2, 21.2, 72.9	`rgb(12.2%,21.2%,72.9%)`
CMYK	83, 71, 0, 27
HSL	231.1°, 71.4, 42.5	`hsl(231.1,71.4%,42.5%)`
HSV (or HSB)	231.1°, 83.3, 72.9
Web Safe	3333cc	`#3333cc`

CIE-LAB	30.578, 40.999, -70.988
XYZ	10.745, 6.474, 47.135
xyY	0.167, 0.101, 6.474
CIE-LCH	30.578, 81.977, 300.009
CIE-LUV	30.578, -10.099, -93.25
Hunter-Lab	25.444, 30.856, -92.023
Binary	00011111, 00110110, 10111010

#1f36ba
```
#1f36ba rgb(31,54,186)
```
#baa31f
```
#baa31f rgb(186,163,31)
```

Complementary Color

#1f84ba
```
#1f84ba rgb(31,132,186)
```
#1f36ba
```
#1f36ba rgb(31,54,186)
```
#561fba
```
#561fba rgb(86,31,186)
```

Analogous Color

#84ba1f
```
#84ba1f rgb(132,186,31)
```
#1f36ba
```
#1f36ba rgb(31,54,186)
```
#ba551f
```
#ba551f rgb(186,85,31)
```

Split Complementary Color

#36ba1f
```
#36ba1f rgb(54,186,31)
```
#1f36ba
```
#1f36ba rgb(31,54,186)
```
#ba1f36
```
#ba1f36 rgb(186,31,54)
```

Triadic Color

#1fbaa3
```
#1fbaa3 rgb(31,186,163)
```
#1f36ba
```
#1f36ba rgb(31,54,186)
```
#ba1f36
```
#ba1f36 rgb(186,31,54)
```
#baa31f
```
#baa31f rgb(186,163,31)
```

Tetradic Color

#142378
```
#142378 rgb(20,35,120)
```
#18298e
```
#18298e rgb(24,41,142)
```
#1b30a4
```
#1b30a4 rgb(27,48,164)
```
#1f36ba
```
#1f36ba rgb(31,54,186)
```
#233cd0
```
#233cd0 rgb(35,60,208)
```
#3049dc
```
#3049dc rgb(48,73,220)
```
#455ce0
```
#455ce0 rgb(69,92,224)
```

Monochromatic Color

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

#1f5dba
```
#1f5dba rgb(31,93,186)
```
#1f50ba
```
#1f50ba rgb(31,80,186)
```
#1f43ba
```
#1f43ba rgb(31,67,186)
```
#1f36ba
```
#1f36ba rgb(31,54,186)
```
#1f29ba
```
#1f29ba rgb(31,41,186)
```
#221fba
```
#221fba rgb(34,31,186)
```
#2f1fba
```
#2f1fba rgb(47,31,186)
```

Similar Colors

Text with hexadecimal color #1f36ba

This text has a font color of #1f36ba.

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

#1f36ba background color

This paragraph has a background color of #1f36ba.

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

#1f36ba border color

This element has a border color of #1f36ba.

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

CSS codes

.text {color:#1f36ba;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#030512
```
#030512 rgb(3,5,18)
```
#060a23
```
#060a23 rgb(6,10,35)
```
#090f33
```
#090f33 rgb(9,15,51)
```
#0b1444
```
#0b1444 rgb(11,20,68)
```
#0e1955
```
#0e1955 rgb(14,25,85)
```
#111e66
```
#111e66 rgb(17,30,102)
```
#142277
```
#142277 rgb(20,34,119)
```
#172788
```
#172788 rgb(23,39,136)
```
#192c98
```
#192c98 rgb(25,44,152)
```
#1c31a9
```
#1c31a9 rgb(28,49,169)
```
#1f36ba
```
#1f36ba rgb(31,54,186)
```
#223bcb
```
#223bcb rgb(34,59,203)
```

Shade Color Variation

#2540db
```
#2540db rgb(37,64,219)
```
#364fde
```
#364fde rgb(54,79,222)
```
#475ee0
```
#475ee0 rgb(71,94,224)
```
#586de3
```
#586de3 rgb(88,109,227)
```
#697be6
```
#697be6 rgb(105,123,230)
```
#7a8ae9
```
#7a8ae9 rgb(122,138,233)
```
#8a99ec
```
#8a99ec rgb(138,153,236)
```
#9ba8ee
```
#9ba8ee rgb(155,168,238)
```
#acb6f1
```
#acb6f1 rgb(172,182,241)
```
#bdc5f4
```
#bdc5f4 rgb(189,197,244)
```
#ced4f7
```
#ced4f7 rgb(206,212,247)
```
#dee2fa
```
#dee2fa rgb(222,226,250)
```
#eff1fc
```
#eff1fc rgb(239,241,252)
```

Tint Color Variation

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

#6a6b6f
```
#6a6b6f rgb(106,107,111)
```
#626577
```
#626577 rgb(98,101,119)
```
#595f80
```
#595f80 rgb(89,95,128)
```
#515988
```
#515988 rgb(81,89,136)
```
#495390
```
#495390 rgb(73,83,144)
```
#404d99
```
#404d99 rgb(64,77,153)
```
#3848a1
```
#3848a1 rgb(56,72,161)
```
#3042a9
```
#3042a9 rgb(48,66,169)
```
#273cb2
```
#273cb2 rgb(39,60,178)
```
#1f36ba
```
#1f36ba rgb(31,54,186)
```
#1730c2
```
#1730c2 rgb(23,48,194)
```
#0e2acb
```
#0e2acb rgb(14,42,203)
```
#0624d3
```
#0624d3 rgb(6,36,211)
```

Tone Color Variation

Below, you can see how #1f36ba 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
#005385 Deuteranopia 1% of men
#00595d Tritanopia 0.001% of the population

Trichromacy

#0b46a5 Protanomaly 1% of men, 0.01% of women
#0b4898 Deuteranomaly 6% of men, 0.4% of women
#0b4c7f Tritanomaly 0.01% of the population

#1f36ba hex color

#1f36ba Color Information

#1f36ba Color Conversion

Color Schemes with #1f36ba

Alternatives to #1f36ba

#1f36ba Preview

Shades and Tints of #1f36ba

Tones of #1f36ba

Color Blindness Simulator