#1f4479 hex color

In a RGB color space, hex #1f4479 is composed of 12.2% red, 26.7% green and 47.5% blue. Whereas in a CMYK color space, it is composed of 74.4% cyan, 43.8% magenta, 0% yellow and 52.5% black. It has a hue angle of 215.3 degrees, a saturation of 59.2% and a lightness of 29.8%. #1f4479 color hex could be obtained by blending #3e88f2 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 12
- G 27
- B 47
RGB color chart
- C 74
- M 44
- Y 0
- K 53
CMYK color chart

● #1f4479 color description : Dark blue.

The hexadecimal color #1f4479 has RGB values of R:31, G:68, B:121 and CMYK values of C:0.74, M:0.44, Y:0, K:0.53. Its decimal value is 2049145.

Hex triplet	1f4479	`#1f4479`
RGB Decimal	31, 68, 121	`rgb(31,68,121)`
RGB Percent	12.2, 26.7, 47.5	`rgb(12.2%,26.7%,47.5%)`
CMYK	74, 44, 0, 53
HSL	215.3°, 59.2, 29.8	`hsl(215.3,59.2%,29.8%)`
HSV (or HSB)	215.3°, 74.4, 47.5
Web Safe	333366	`#333366`

CIE-LAB	28.917, 6.39, -34.1
XYZ	6.083, 5.806, 18.888
xyY	0.198, 0.189, 5.806
CIE-LCH	28.917, 34.693, 280.613
CIE-LUV	28.917, -13.328, -44.962
Hunter-Lab	24.095, 2.896, -29.612
Binary	00011111, 01000100, 01111001

#1f4479
```
#1f4479 rgb(31,68,121)
```
#79541f
```
#79541f rgb(121,84,31)
```

Complementary Color

#1f7179
```
#1f7179 rgb(31,113,121)
```
#1f4479
```
#1f4479 rgb(31,68,121)
```
#271f79
```
#271f79 rgb(39,31,121)
```

Analogous Color

#71791f
```
#71791f rgb(113,121,31)
```
#1f4479
```
#1f4479 rgb(31,68,121)
```
#79271f
```
#79271f rgb(121,39,31)
```

Split Complementary Color

#44791f
```
#44791f rgb(68,121,31)
```
#1f4479
```
#1f4479 rgb(31,68,121)
```
#791f44
```
#791f44 rgb(121,31,68)
```

Triadic Color

#1f7954
```
#1f7954 rgb(31,121,84)
```
#1f4479
```
#1f4479 rgb(31,68,121)
```
#791f44
```
#791f44 rgb(121,31,68)
```
#79541f
```
#79541f rgb(121,84,31)
```

Tetradic Color

#0f223c
```
#0f223c rgb(15,34,60)
```
#152d50
```
#152d50 rgb(21,45,80)
```
#1a3965
```
#1a3965 rgb(26,57,101)
```
#1f4479
```
#1f4479 rgb(31,68,121)
```
#244f8d
```
#244f8d rgb(36,79,141)
```
#295ba2
```
#295ba2 rgb(41,91,162)
```
#2f66b6
```
#2f66b6 rgb(47,102,182)
```

Monochromatic Color

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

#1f5b79
```
#1f5b79 rgb(31,91,121)
```
#1f5379
```
#1f5379 rgb(31,83,121)
```
#1f4c79
```
#1f4c79 rgb(31,76,121)
```
#1f4479
```
#1f4479 rgb(31,68,121)
```
#1f3d79
```
#1f3d79 rgb(31,61,121)
```
#1f3579
```
#1f3579 rgb(31,53,121)
```
#1f2e79
```
#1f2e79 rgb(31,46,121)
```

Similar Colors

Text with hexadecimal color #1f4479

This text has a font color of #1f4479.

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

#1f4479 background color

This paragraph has a background color of #1f4479.

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

#1f4479 border color

This element has a border color of #1f4479.

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

CSS codes

.text {color:#1f4479;}

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

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

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

#03070c
```
#03070c rgb(3,7,12)
```
#070f1b
```
#070f1b rgb(7,15,27)
```
#0b182b
```
#0b182b rgb(11,24,43)
```
#0f213b
```
#0f213b rgb(15,33,59)
```
#132a4a
```
#132a4a rgb(19,42,74)
```
#17325a
```
#17325a rgb(23,50,90)
```
#1b3b69
```
#1b3b69 rgb(27,59,105)
```
#1f4479
```
#1f4479 rgb(31,68,121)
```
#234d89
```
#234d89 rgb(35,77,137)
```
#275698
```
#275698 rgb(39,86,152)
```
#2b5ea8
```
#2b5ea8 rgb(43,94,168)
```
#2f67b7
```
#2f67b7 rgb(47,103,183)
```
#3370c7
```
#3370c7 rgb(51,112,199)
```

Shade Color Variation

#407ace
```
#407ace rgb(64,122,206)
```
#4f85d2
```
#4f85d2 rgb(79,133,210)
```
#5f90d6
```
#5f90d6 rgb(95,144,214)
```
#6f9bda
```
#6f9bda rgb(111,155,218)
```
#7ea6de
```
#7ea6de rgb(126,166,222)
```
#8eb0e2
```
#8eb0e2 rgb(142,176,226)
```
#9dbbe6
```
#9dbbe6 rgb(157,187,230)
```
#adc6ea
```
#adc6ea rgb(173,198,234)
```
#bdd1ee
```
#bdd1ee rgb(189,209,238)
```
#ccdcf2
```
#ccdcf2 rgb(204,220,242)
```
#dce7f6
```
#dce7f6 rgb(220,231,246)
```
#ebf1fa
```
#ebf1fa rgb(235,241,250)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #484b50 is the less saturated color, while #023f96 is the most saturated one.

#484b50
```
#484b50 rgb(72,75,80)
```
#424a56
```
#424a56 rgb(66,74,86)
```
#3c495c
```
#3c495c rgb(60,73,92)
```
#364862
```
#364862 rgb(54,72,98)
```
#314767
```
#314767 rgb(49,71,103)
```
#2b466d
```
#2b466d rgb(43,70,109)
```
#254573
```
#254573 rgb(37,69,115)
```
#1f4479
```
#1f4479 rgb(31,68,121)
```
#19437f
```
#19437f rgb(25,67,127)
```
#134285
```
#134285 rgb(19,66,133)
```
#0d418b
```
#0d418b rgb(13,65,139)
```
#084090
```
#084090 rgb(8,64,144)
```
#023f96
```
#023f96 rgb(2,63,150)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#39404b Atypical Achromatopsia 0.001% of the population

Dichromacy

#354c7e Protanopia 1% of men
#224e7f Deuteranopia 1% of men
#00555b Tritanopia 0.001% of the population

Trichromacy

#2d497c Protanomaly 1% of men, 0.01% of women
#214a7d Deuteranomaly 6% of men, 0.4% of women
#0b4f66 Tritanomaly 0.01% of the population

#1f4479 hex color

#1f4479 Color Information

#1f4479 Color Conversion

Color Schemes with #1f4479

Alternatives to #1f4479

#1f4479 Preview

Shades and Tints of #1f4479

Tones of #1f4479

Color Blindness Simulator