#1f31b3 hex color

In a RGB color space, hex #1f31b3 is composed of 12.2% red, 19.2% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 82.7% cyan, 72.6% magenta, 0% yellow and 29.8% black. It has a hue angle of 232.7 degrees, a saturation of 70.5% and a lightness of 41.2%. #1f31b3 color hex could be obtained by blending #3e62ff with #000067. Closest websafe color is: #3333cc.

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

● #1f31b3 color description : Strong blue.

The hexadecimal color #1f31b3 has RGB values of R:31, G:49, B:179 and CMYK values of C:0.83, M:0.73, Y:0, K:0.3. Its decimal value is 2044339.

Hex triplet	1f31b3	`#1f31b3`
RGB Decimal	31, 49, 179	`rgb(31,49,179)`
RGB Percent	12.2, 19.2, 70.2	`rgb(12.2%,19.2%,70.2%)`
CMYK	83, 73, 0, 30
HSL	232.7°, 70.5, 41.2	`hsl(232.7,70.5%,41.2%)`
HSV (or HSB)	232.7°, 82.7, 70.2
Web Safe	3333cc	`#3333cc`

CIE-LAB	28.752, 41.55, -69.846
XYZ	9.798, 5.742, 43.237
xyY	0.167, 0.098, 5.742
CIE-LCH	28.752, 81.27, 300.748
CIE-LUV	28.752, -9.022, -89.448
Hunter-Lab	23.962, 31.056, -90.209
Binary	00011111, 00110001, 10110011

#1f31b3
```
#1f31b3 rgb(31,49,179)
```
#b3a11f
```
#b3a11f rgb(179,161,31)
```

Complementary Color

#1f7bb3
```
#1f7bb3 rgb(31,123,179)
```
#1f31b3
```
#1f31b3 rgb(31,49,179)
```
#571fb3
```
#571fb3 rgb(87,31,179)
```

Analogous Color

#7bb31f
```
#7bb31f rgb(123,179,31)
```
#1f31b3
```
#1f31b3 rgb(31,49,179)
```
#b3571f
```
#b3571f rgb(179,87,31)
```

Split Complementary Color

#31b31f
```
#31b31f rgb(49,179,31)
```
#1f31b3
```
#1f31b3 rgb(31,49,179)
```
#b31f31
```
#b31f31 rgb(179,31,49)
```

Triadic Color

#1fb3a1
```
#1fb3a1 rgb(31,179,161)
```
#1f31b3
```
#1f31b3 rgb(31,49,179)
```
#b31f31
```
#b31f31 rgb(179,31,49)
```
#b3a11f
```
#b3a11f rgb(179,161,31)
```

Tetradic Color

#141f72
```
#141f72 rgb(20,31,114)
```
#172588
```
#172588 rgb(23,37,136)
```
#1b2b9d
```
#1b2b9d rgb(27,43,157)
```
#1f31b3
```
#1f31b3 rgb(31,49,179)
```
#2337c9
```
#2337c9 rgb(35,55,201)
```
#2b40da
```
#2b40da rgb(43,64,218)
```
#4054de
```
#4054de rgb(64,84,222)
```

Monochromatic Color

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

#1f56b3
```
#1f56b3 rgb(31,86,179)
```
#1f4ab3
```
#1f4ab3 rgb(31,74,179)
```
#1f3db3
```
#1f3db3 rgb(31,61,179)
```
#1f31b3
```
#1f31b3 rgb(31,49,179)
```
#1f25b3
```
#1f25b3 rgb(31,37,179)
```
#261fb3
```
#261fb3 rgb(38,31,179)
```
#321fb3
```
#321fb3 rgb(50,31,179)
```

Similar Colors

Text with hexadecimal color #1f31b3

This text has a font color of #1f31b3.

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

#1f31b3 background color

This paragraph has a background color of #1f31b3.

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

#1f31b3 border color

This element has a border color of #1f31b3.

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

CSS codes

.text {color:#1f31b3;}

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

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

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

#02030c
```
#02030c rgb(2,3,12)
```
#05081d
```
#05081d rgb(5,8,29)
```
#080c2d
```
#080c2d rgb(8,12,45)
```
#0b113e
```
#0b113e rgb(11,17,62)
```
#0e164f
```
#0e164f rgb(14,22,79)
```
#111a5f
```
#111a5f rgb(17,26,95)
```
#131f70
```
#131f70 rgb(19,31,112)
```
#162381
```
#162381 rgb(22,35,129)
```
#192892
```
#192892 rgb(25,40,146)
```
#1c2ca2
```
#1c2ca2 rgb(28,44,162)
```
#1f31b3
```
#1f31b3 rgb(31,49,179)
```
#2236c4
```
#2236c4 rgb(34,54,196)
```
#253ad4
```
#253ad4 rgb(37,58,212)
```

Shade Color Variation

#3146db
```
#3146db rgb(49,70,219)
```
#4255de
```
#4255de rgb(66,85,222)
```
#5364e1
```
#5364e1 rgb(83,100,225)
```
#6473e4
```
#6473e4 rgb(100,115,228)
```
#7482e7
```
#7482e7 rgb(116,130,231)
```
#8591ea
```
#8591ea rgb(133,145,234)
```
#96a0ed
```
#96a0ed rgb(150,160,237)
```
#a6aff0
```
#a6aff0 rgb(166,175,240)
```
#b7bef3
```
#b7bef3 rgb(183,190,243)
```
#c8cdf5
```
#c8cdf5 rgb(200,205,245)
```
#d9ddf8
```
#d9ddf8 rgb(217,221,248)
```
#e9ecfb
```
#e9ecfb rgb(233,236,251)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #68686a is the less saturated color, while #071fcb is the most saturated one.

#68686a
```
#68686a rgb(104,104,106)
```
#606272
```
#606272 rgb(96,98,114)
```
#585c7a
```
#585c7a rgb(88,92,122)
```
#4f5683
```
#4f5683 rgb(79,86,131)
```
#47508b
```
#47508b rgb(71,80,139)
```
#3f4993
```
#3f4993 rgb(63,73,147)
```
#37439b
```
#37439b rgb(55,67,155)
```
#2f3da3
```
#2f3da3 rgb(47,61,163)
```
#2737ab
```
#2737ab rgb(39,55,171)
```
#1f31b3
```
#1f31b3 rgb(31,49,179)
```
#172bbb
```
#172bbb rgb(23,43,187)
```
#0f25c3
```
#0f25c3 rgb(15,37,195)
```
#071fcb
```
#071fcb rgb(7,31,203)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#353852 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004b92 Protanopia 1% of men
#004f7e Deuteranopia 1% of men
#005559 Tritanopia 0.001% of the population

Trichromacy

#0b419e Protanomaly 1% of men, 0.01% of women
#0b4491 Deuteranomaly 6% of men, 0.4% of women
#0b4879 Tritanomaly 0.01% of the population

#1f31b3 hex color

#1f31b3 Color Information

#1f31b3 Color Conversion

Color Schemes with #1f31b3

Alternatives to #1f31b3

#1f31b3 Preview

Shades and Tints of #1f31b3

Tones of #1f31b3

Color Blindness Simulator