#1f4c95 hex color

In a RGB color space, hex #1f4c95 is composed of 12.2% red, 29.8% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 79.2% cyan, 49% magenta, 0% yellow and 41.6% black. It has a hue angle of 217.1 degrees, a saturation of 65.6% and a lightness of 35.3%. #1f4c95 color hex could be obtained by blending #3e98ff with #00002b. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 12
- G 30
- B 58
RGB color chart
- C 79
- M 49
- Y 0
- K 42
CMYK color chart

● #1f4c95 color description : Dark blue.

The hexadecimal color #1f4c95 has RGB values of R:31, G:76, B:149 and CMYK values of C:0.79, M:0.49, Y:0, K:0.42. Its decimal value is 2051221.

Hex triplet	1f4c95	`#1f4c95`
RGB Decimal	31, 76, 149	`rgb(31,76,149)`
RGB Percent	12.2, 29.8, 58.4	`rgb(12.2%,29.8%,58.4%)`
CMYK	79, 49, 0, 42
HSL	217.1°, 65.6, 35.3	`hsl(217.1,65.6%,35.3%)`
HSV (or HSB)	217.1°, 79.2, 58.4
Web Safe	333399	`#333399`

CIE-LAB	33.199, 12.171, -44.52
XYZ	8.573, 7.629, 29.453
xyY	0.188, 0.167, 7.629
CIE-LCH	33.199, 46.154, 285.29
CIE-LUV	33.199, -15.366, -61.926
Hunter-Lab	27.621, 7.065, -43.886
Binary	00011111, 01001100, 10010101

#1f4c95
```
#1f4c95 rgb(31,76,149)
```
#95681f
```
#95681f rgb(149,104,31)
```

Complementary Color

#1f8795
```
#1f8795 rgb(31,135,149)
```
#1f4c95
```
#1f4c95 rgb(31,76,149)
```
#2d1f95
```
#2d1f95 rgb(45,31,149)
```

Analogous Color

#87951f
```
#87951f rgb(135,149,31)
```
#1f4c95
```
#1f4c95 rgb(31,76,149)
```
#952d1f
```
#952d1f rgb(149,45,31)
```

Split Complementary Color

#4c951f
```
#4c951f rgb(76,149,31)
```
#1f4c95
```
#1f4c95 rgb(31,76,149)
```
#951f4c
```
#951f4c rgb(149,31,76)
```

Triadic Color

#1f9568
```
#1f9568 rgb(31,149,104)
```
#1f4c95
```
#1f4c95 rgb(31,76,149)
```
#951f4c
```
#951f4c rgb(149,31,76)
```
#95681f
```
#95681f rgb(149,104,31)
```

Tetradic Color

#122c56
```
#122c56 rgb(18,44,86)
```
#16366b
```
#16366b rgb(22,54,107)
```
#1b4180
```
#1b4180 rgb(27,65,128)
```
#1f4c95
```
#1f4c95 rgb(31,76,149)
```
#2357aa
```
#2357aa rgb(35,87,170)
```
#2862bf
```
#2862bf rgb(40,98,191)
```
#2d6dd3
```
#2d6dd3 rgb(45,109,211)
```

Monochromatic Color

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

#1f6a95
```
#1f6a95 rgb(31,106,149)
```
#1f6095
```
#1f6095 rgb(31,96,149)
```
#1f5695
```
#1f5695 rgb(31,86,149)
```
#1f4c95
```
#1f4c95 rgb(31,76,149)
```
#1f4295
```
#1f4295 rgb(31,66,149)
```
#1f3895
```
#1f3895 rgb(31,56,149)
```
#1f2f95
```
#1f2f95 rgb(31,47,149)
```

Similar Colors

Text with hexadecimal color #1f4c95

This text has a font color of #1f4c95.

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

#1f4c95 background color

This paragraph has a background color of #1f4c95.

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

#1f4c95 border color

This element has a border color of #1f4c95.

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

CSS codes

.text {color:#1f4c95;}

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

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

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

#010103
```
#010103 rgb(1,1,3)
```
#040a13
```
#040a13 rgb(4,10,19)
```
#071223
```
#071223 rgb(7,18,35)
```
#0b1a34
```
#0b1a34 rgb(11,26,52)
```
#0e2344
```
#0e2344 rgb(14,35,68)
```
#112b54
```
#112b54 rgb(17,43,84)
```
#153364
```
#153364 rgb(21,51,100)
```
#183b75
```
#183b75 rgb(24,59,117)
```
#1c4485
```
#1c4485 rgb(28,68,133)
```
#1f4c95
```
#1f4c95 rgb(31,76,149)
```
#2254a5
```
#2254a5 rgb(34,84,165)
```
#265db5
```
#265db5 rgb(38,93,181)
```
#2965c6
```
#2965c6 rgb(41,101,198)
```

Shade Color Variation

#2f6ed4
```
#2f6ed4 rgb(47,110,212)
```
#3f79d7
```
#3f79d7 rgb(63,121,215)
```
#4f84da
```
#4f84da rgb(79,132,218)
```
#5f90de
```
#5f90de rgb(95,144,222)
```
#709be1
```
#709be1 rgb(112,155,225)
```
#80a6e5
```
#80a6e5 rgb(128,166,229)
```
#90b2e8
```
#90b2e8 rgb(144,178,232)
```
#a0bdeb
```
#a0bdeb rgb(160,189,235)
```
#b1c8ef
```
#b1c8ef rgb(177,200,239)
```
#c1d4f2
```
#c1d4f2 rgb(193,212,242)
```
#d1dff5
```
#d1dff5 rgb(209,223,245)
```
#e1eaf9
```
#e1eaf9 rgb(225,234,249)
```
#f2f6fc
```
#f2f6fc rgb(242,246,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #56595e is the less saturated color, while #0345b1 is the most saturated one.

#56595e
```
#56595e rgb(86,89,94)
```
#4f5765
```
#4f5765 rgb(79,87,101)
```
#49566b
```
#49566b rgb(73,86,107)
```
#425472
```
#425472 rgb(66,84,114)
```
#3b5379
```
#3b5379 rgb(59,83,121)
```
#345180
```
#345180 rgb(52,81,128)
```
#2d4f87
```
#2d4f87 rgb(45,79,135)
```
#264e8e
```
#264e8e rgb(38,78,142)
```
#1f4c95
```
#1f4c95 rgb(31,76,149)
```
#184a9c
```
#184a9c rgb(24,74,156)
```
#1149a3
```
#1149a3 rgb(17,73,163)
```
#0a47aa
```
#0a47aa rgb(10,71,170)
```
#0345b1
```
#0345b1 rgb(3,69,177)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#3f4857 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2e559a Protanopia 1% of men
#005893 Deuteranopia 1% of men
#005f65 Tritanopia 0.001% of the population

Trichromacy

#285198 Protanomaly 1% of men, 0.01% of women
#0b5493 Deuteranomaly 6% of men, 0.4% of women
#0b5877 Tritanomaly 0.01% of the population

#1f4c95 hex color

#1f4c95 Color Information

#1f4c95 Color Conversion

Color Schemes with #1f4c95

Alternatives to #1f4c95

#1f4c95 Preview

Shades and Tints of #1f4c95

Tones of #1f4c95

Color Blindness Simulator