#1f31bb hex color

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

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

● #1f31bb color description : Strong blue.

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

Hex triplet	1f31bb	`#1f31bb`
RGB Decimal	31, 49, 187	`rgb(31,49,187)`
RGB Percent	12.2, 19.2, 73.3	`rgb(12.2%,19.2%,73.3%)`
CMYK	83, 74, 0, 27
HSL	233.1°, 71.6, 42.7	`hsl(233.1,71.6%,42.7%)`
HSV (or HSB)	233.1°, 83.4, 73.3
Web Safe	3333cc	`#3333cc`

CIE-LAB	29.601, 44.352, -73.193
XYZ	10.631, 6.075, 47.623
xyY	0.165, 0.094, 6.075
CIE-LCH	29.601, 85.583, 301.214
CIE-LUV	29.601, -9.237, -94.214
Hunter-Lab	24.648, 33.859, -97.305
Binary	00011111, 00110001, 10111011

#1f31bb
```
#1f31bb rgb(31,49,187)
```
#bba91f
```
#bba91f rgb(187,169,31)
```

Complementary Color

#1f7fbb
```
#1f7fbb rgb(31,127,187)
```
#1f31bb
```
#1f31bb rgb(31,49,187)
```
#5b1fbb
```
#5b1fbb rgb(91,31,187)
```

Analogous Color

#7fbb1f
```
#7fbb1f rgb(127,187,31)
```
#1f31bb
```
#1f31bb rgb(31,49,187)
```
#bb5b1f
```
#bb5b1f rgb(187,91,31)
```

Split Complementary Color

#31bb1f
```
#31bb1f rgb(49,187,31)
```
#1f31bb
```
#1f31bb rgb(31,49,187)
```
#bb1f31
```
#bb1f31 rgb(187,31,49)
```

Triadic Color

#1fbba9
```
#1fbba9 rgb(31,187,169)
```
#1f31bb
```
#1f31bb rgb(31,49,187)
```
#bb1f31
```
#bb1f31 rgb(187,31,49)
```
#bba91f
```
#bba91f rgb(187,169,31)
```

Tetradic Color

#142079
```
#142079 rgb(20,32,121)
```
#18268f
```
#18268f rgb(24,38,143)
```
#1b2ba5
```
#1b2ba5 rgb(27,43,165)
```
#1f31bb
```
#1f31bb rgb(31,49,187)
```
#2337d1
```
#2337d1 rgb(35,55,209)
```
#3044dd
```
#3044dd rgb(48,68,221)
```
#4658e0
```
#4658e0 rgb(70,88,224)
```

Monochromatic Color

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

#1f58bb
```
#1f58bb rgb(31,88,187)
```
#1f4bbb
```
#1f4bbb rgb(31,75,187)
```
#1f3ebb
```
#1f3ebb rgb(31,62,187)
```
#1f31bb
```
#1f31bb rgb(31,49,187)
```
#1f24bb
```
#1f24bb rgb(31,36,187)
```
#271fbb
```
#271fbb rgb(39,31,187)
```
#341fbb
```
#341fbb rgb(52,31,187)
```

Similar Colors

Text with hexadecimal color #1f31bb

This text has a font color of #1f31bb.

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

#1f31bb background color

This paragraph has a background color of #1f31bb.

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

#1f31bb border color

This element has a border color of #1f31bb.

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

CSS codes

.text {color:#1f31bb;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#030513
```
#030513 rgb(3,5,19)
```
#060924
```
#060924 rgb(6,9,36)
```
#090e34
```
#090e34 rgb(9,14,52)
```
#0b1245
```
#0b1245 rgb(11,18,69)
```
#0e1756
```
#0e1756 rgb(14,23,86)
```
#111b67
```
#111b67 rgb(17,27,103)
```
#141f78
```
#141f78 rgb(20,31,120)
```
#172489
```
#172489 rgb(23,36,137)
```
#192899
```
#192899 rgb(25,40,153)
```
#1c2daa
```
#1c2daa rgb(28,45,170)
```
#1f31bb
```
#1f31bb rgb(31,49,187)
```
#2235cc
```
#2235cc rgb(34,53,204)
```

Shade Color Variation

#263bdb
```
#263bdb rgb(38,59,219)
```
#374ade
```
#374ade rgb(55,74,222)
```
#4859e1
```
#4859e1 rgb(72,89,225)
```
#5969e3
```
#5969e3 rgb(89,105,227)
```
#6978e6
```
#6978e6 rgb(105,120,230)
```
#7a87e9
```
#7a87e9 rgb(122,135,233)
```
#8b96ec
```
#8b96ec rgb(139,150,236)
```
#9ca5ef
```
#9ca5ef rgb(156,165,239)
```
#adb5f1
```
#adb5f1 rgb(173,181,241)
```
#bec4f4
```
#bec4f4 rgb(190,196,244)
```
#ced3f7
```
#ced3f7 rgb(206,211,247)
```
#dfe2fa
```
#dfe2fa rgb(223,226,250)
```
#f0f2fd
```
#f0f2fd rgb(240,242,253)
```

Tint Color Variation

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

#6a6b70
```
#6a6b70 rgb(106,107,112)
```
#626578
```
#626578 rgb(98,101,120)
```
#5a5e80
```
#5a5e80 rgb(90,94,128)
```
#515889
```
#515889 rgb(81,88,137)
```
#495191
```
#495191 rgb(73,81,145)
```
#414b99
```
#414b99 rgb(65,75,153)
```
#3844a2
```
#3844a2 rgb(56,68,162)
```
#303eaa
```
#303eaa rgb(48,62,170)
```
#2737b3
```
#2737b3 rgb(39,55,179)
```
#1f31bb
```
#1f31bb rgb(31,49,187)
```
#172bc3
```
#172bc3 rgb(23,43,195)
```
#0e24cc
```
#0e24cc rgb(14,36,204)
```
#061ed4
```
#061ed4 rgb(6,30,212)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#353955 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004d95 Protanopia 1% of men
#005181 Deuteranopia 1% of men
#00575b Tritanopia 0.001% of the population

Trichromacy

#0b42a3 Protanomaly 1% of men, 0.01% of women
#0b4596 Deuteranomaly 6% of men, 0.4% of women
#0b497e Tritanomaly 0.01% of the population

#1f31bb hex color

#1f31bb Color Information

#1f31bb Color Conversion

Color Schemes with #1f31bb

Alternatives to #1f31bb

#1f31bb Preview

Shades and Tints of #1f31bb

Tones of #1f31bb

Color Blindness Simulator