#1f3471 hex color

In a RGB color space, hex #1f3471 is composed of 12.2% red, 20.4% green and 44.3% blue. Whereas in a CMYK color space, it is composed of 72.6% cyan, 54% magenta, 0% yellow and 55.7% black. It has a hue angle of 224.6 degrees, a saturation of 56.9% and a lightness of 28.2%. #1f3471 color hex could be obtained by blending #3e68e2 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 12
- G 20
- B 44
RGB color chart
- C 73
- M 54
- Y 0
- K 56
CMYK color chart

● #1f3471 color description : Very dark blue.

The hexadecimal color #1f3471 has RGB values of R:31, G:52, B:113 and CMYK values of C:0.73, M:0.54, Y:0, K:0.56. Its decimal value is 2045041.

Hex triplet	1f3471	`#1f3471`
RGB Decimal	31, 52, 113	`rgb(31,52,113)`
RGB Percent	12.2, 20.4, 44.3	`rgb(12.2%,20.4%,44.3%)`
CMYK	73, 54, 0, 56
HSL	224.6°, 56.9, 28.2	`hsl(224.6,56.9%,28.2%)`
HSV (or HSB)	224.6°, 72.6, 44.3
Web Safe	333366	`#333366`

CIE-LAB	23.47, 14.342, -37.776
XYZ	4.773, 3.939, 16.131
xyY	0.192, 0.159, 3.939
CIE-LCH	23.47, 40.406, 290.789
CIE-LUV	23.47, -8.469, -46.53
Hunter-Lab	19.848, 8.194, -34.294
Binary	00011111, 00110100, 01110001

#1f3471
```
#1f3471 rgb(31,52,113)
```
#715c1f
```
#715c1f rgb(113,92,31)
```

Complementary Color

#1f5d71
```
#1f5d71 rgb(31,93,113)
```
#1f3471
```
#1f3471 rgb(31,52,113)
```
#331f71
```
#331f71 rgb(51,31,113)
```

Analogous Color

#5d711f
```
#5d711f rgb(93,113,31)
```
#1f3471
```
#1f3471 rgb(31,52,113)
```
#71331f
```
#71331f rgb(113,51,31)
```

Split Complementary Color

#34711f
```
#34711f rgb(52,113,31)
```
#1f3471
```
#1f3471 rgb(31,52,113)
```
#711f34
```
#711f34 rgb(113,31,52)
```

Triadic Color

#1f715c
```
#1f715c rgb(31,113,92)
```
#1f3471
```
#1f3471 rgb(31,52,113)
```
#711f34
```
#711f34 rgb(113,31,52)
```
#715c1f
```
#715c1f rgb(113,92,31)
```

Tetradic Color

#0f1835
```
#0f1835 rgb(15,24,53)
```
#142249
```
#142249 rgb(20,34,73)
```
#1a2b5d
```
#1a2b5d rgb(26,43,93)
```
#1f3471
```
#1f3471 rgb(31,52,113)
```
#243d85
```
#243d85 rgb(36,61,133)
```
#2a4699
```
#2a4699 rgb(42,70,153)
```
#2f50ad
```
#2f50ad rgb(47,80,173)
```

Monochromatic Color

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

#1f4971
```
#1f4971 rgb(31,73,113)
```
#1f4271
```
#1f4271 rgb(31,66,113)
```
#1f3b71
```
#1f3b71 rgb(31,59,113)
```
#1f3471
```
#1f3471 rgb(31,52,113)
```
#1f2d71
```
#1f2d71 rgb(31,45,113)
```
#1f2671
```
#1f2671 rgb(31,38,113)
```
#1f2071
```
#1f2071 rgb(31,32,113)
```

Similar Colors

Text with hexadecimal color #1f3471

This text has a font color of #1f3471.

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

#1f3471 background color

This paragraph has a background color of #1f3471.

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

#1f3471 border color

This element has a border color of #1f3471.

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

CSS codes

.text {color:#1f3471;}

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

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

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

#010205
```
#010205 rgb(1,2,5)
```
#060a15
```
#060a15 rgb(6,10,21)
```
#0a1124
```
#0a1124 rgb(10,17,36)
```
#0e1833
```
#0e1833 rgb(14,24,51)
```
#121f43
```
#121f43 rgb(18,31,67)
```
#172652
```
#172652 rgb(23,38,82)
```
#1b2d62
```
#1b2d62 rgb(27,45,98)
```
#1f3471
```
#1f3471 rgb(31,52,113)
```
#233b80
```
#233b80 rgb(35,59,128)
```
#274290
```
#274290 rgb(39,66,144)
```
#2c499f
```
#2c499f rgb(44,73,159)
```
#3050af
```
#3050af rgb(48,80,175)
```
#3457be
```
#3457be rgb(52,87,190)
```

Shade Color Variation

#3c60ca
```
#3c60ca rgb(60,96,202)
```
#4c6dce
```
#4c6dce rgb(76,109,206)
```
#5b79d2
```
#5b79d2 rgb(91,121,210)
```
#6a86d6
```
#6a86d6 rgb(106,134,214)
```
#7a92da
```
#7a92da rgb(122,146,218)
```
#899fdf
```
#899fdf rgb(137,159,223)
```
#99ace3
```
#99ace3 rgb(153,172,227)
```
#a8b8e7
```
#a8b8e7 rgb(168,184,231)
```
#b7c5eb
```
#b7c5eb rgb(183,197,235)
```
#c7d1f0
```
#c7d1f0 rgb(199,209,240)
```
#d6def4
```
#d6def4 rgb(214,222,244)
```
#e5eaf8
```
#e5eaf8 rgb(229,234,248)
```
#f5f7fc
```
#f5f7fc rgb(245,247,252)
```

Tint Color Variation

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

#46474a
```
#46474a rgb(70,71,74)
```
#404450
```
#404450 rgb(64,68,80)
```
#3b4255
```
#3b4255 rgb(59,66,85)
```
#353f5b
```
#353f5b rgb(53,63,91)
```
#303c60
```
#303c60 rgb(48,60,96)
```
#2a3966
```
#2a3966 rgb(42,57,102)
```
#25376b
```
#25376b rgb(37,55,107)
```
#1f3471
```
#1f3471 rgb(31,52,113)
```
#193177
```
#193177 rgb(25,49,119)
```
#142f7c
```
#142f7c rgb(20,47,124)
```
#0e2c82
```
#0e2c82 rgb(14,44,130)
```
#092987
```
#092987 rgb(9,41,135)
```
#03268d
```
#03268d rgb(3,38,141)
```

Tone Color Variation

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

#353535 Achromatopsia 0.005% of the population
#313541 Atypical Achromatopsia 0.001% of the population

Dichromacy

#19407a Protanopia 1% of men
#00436f Deuteranopia 1% of men
#00484d Tritanopia 0.001% of the population

Trichromacy

#1b3b76 Protanomaly 1% of men, 0.01% of women
#0b3d6f Deuteranomaly 6% of men, 0.4% of women
#0b415a Tritanomaly 0.01% of the population

#1f3471 hex color

#1f3471 Color Information

#1f3471 Color Conversion

Color Schemes with #1f3471

Alternatives to #1f3471

#1f3471 Preview

Shades and Tints of #1f3471

Tones of #1f3471

Color Blindness Simulator