#1f3e96 hex color

In a RGB color space, hex #1f3e96 is composed of 12.2% red, 24.3% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 79.3% cyan, 58.7% magenta, 0% yellow and 41.2% black. It has a hue angle of 224.4 degrees, a saturation of 65.7% and a lightness of 35.5%. #1f3e96 color hex could be obtained by blending #3e7cff with #00002d. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 12
- G 24
- B 59
RGB color chart
- C 79
- M 59
- Y 0
- K 41
CMYK color chart

● #1f3e96 color description : Dark blue.

The hexadecimal color #1f3e96 has RGB values of R:31, G:62, B:150 and CMYK values of C:0.79, M:0.59, Y:0, K:0.41. Its decimal value is 2047638.

Hex triplet	1f3e96	`#1f3e96`
RGB Decimal	31, 62, 150	`rgb(31,62,150)`
RGB Percent	12.2, 24.3, 58.8	`rgb(12.2%,24.3%,58.8%)`
CMYK	79, 59, 0, 41
HSL	224.4°, 65.7, 35.5	`hsl(224.4,65.7%,35.5%)`
HSV (or HSB)	224.4°, 79.3, 58.8
Web Safe	333399	`#333399`

CIE-LAB	29.255, 22.136, -51.517
XYZ	7.792, 5.938, 29.588
xyY	0.18, 0.137, 5.938
CIE-LCH	29.255, 56.071, 293.252
CIE-LUV	29.255, -11.387, -68.623
Hunter-Lab	24.368, 14.43, -54.933
Binary	00011111, 00111110, 10010110

#1f3e96
```
#1f3e96 rgb(31,62,150)
```
#96771f
```
#96771f rgb(150,119,31)
```

Complementary Color

#1f7a96
```
#1f7a96 rgb(31,122,150)
```
#1f3e96
```
#1f3e96 rgb(31,62,150)
```
#3c1f96
```
#3c1f96 rgb(60,31,150)
```

Analogous Color

#7a961f
```
#7a961f rgb(122,150,31)
```
#1f3e96
```
#1f3e96 rgb(31,62,150)
```
#963c1f
```
#963c1f rgb(150,60,31)
```

Split Complementary Color

#3e961f
```
#3e961f rgb(62,150,31)
```
#1f3e96
```
#1f3e96 rgb(31,62,150)
```
#961f3e
```
#961f3e rgb(150,31,62)
```

Triadic Color

#1f9677
```
#1f9677 rgb(31,150,119)
```
#1f3e96
```
#1f3e96 rgb(31,62,150)
```
#961f3e
```
#961f3e rgb(150,31,62)
```
#96771f
```
#96771f rgb(150,119,31)
```

Tetradic Color

#122457
```
#122457 rgb(18,36,87)
```
#162d6c
```
#162d6c rgb(22,45,108)
```
#1b3581
```
#1b3581 rgb(27,53,129)
```
#1f3e96
```
#1f3e96 rgb(31,62,150)
```
#2347ab
```
#2347ab rgb(35,71,171)
```
#284fc0
```
#284fc0 rgb(40,79,192)
```
#2e59d4
```
#2e59d4 rgb(46,89,212)
```

Monochromatic Color

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

#1f5c96
```
#1f5c96 rgb(31,92,150)
```
#1f5296
```
#1f5296 rgb(31,82,150)
```
#1f4896
```
#1f4896 rgb(31,72,150)
```
#1f3e96
```
#1f3e96 rgb(31,62,150)
```
#1f3496
```
#1f3496 rgb(31,52,150)
```
#1f2a96
```
#1f2a96 rgb(31,42,150)
```
#1f2096
```
#1f2096 rgb(31,32,150)
```

Similar Colors

Text with hexadecimal color #1f3e96

This text has a font color of #1f3e96.

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

#1f3e96 background color

This paragraph has a background color of #1f3e96.

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

#1f3e96 border color

This element has a border color of #1f3e96.

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

CSS codes

.text {color:#1f3e96;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#040814
```
#040814 rgb(4,8,20)
```
#070f24
```
#070f24 rgb(7,15,36)
```
#0b1634
```
#0b1634 rgb(11,22,52)
```
#0e1c45
```
#0e1c45 rgb(14,28,69)
```
#122355
```
#122355 rgb(18,35,85)
```
#152a65
```
#152a65 rgb(21,42,101)
```
#183175
```
#183175 rgb(24,49,117)
```
#1c3786
```
#1c3786 rgb(28,55,134)
```
#1f3e96
```
#1f3e96 rgb(31,62,150)
```
#2245a6
```
#2245a6 rgb(34,69,166)
```
#264bb7
```
#264bb7 rgb(38,75,183)
```
#2952c7
```
#2952c7 rgb(41,82,199)
```

Shade Color Variation

#2f5ad4
```
#2f5ad4 rgb(47,90,212)
```
#4067d7
```
#4067d7 rgb(64,103,215)
```
#5074db
```
#5074db rgb(80,116,219)
```
#6081de
```
#6081de rgb(96,129,222)
```
#708ee2
```
#708ee2 rgb(112,142,226)
```
#819be5
```
#819be5 rgb(129,155,229)
```
#91a8e8
```
#91a8e8 rgb(145,168,232)
```
#a1b5ec
```
#a1b5ec rgb(161,181,236)
```
#b1c1ef
```
#b1c1ef rgb(177,193,239)
```
#c2cef2
```
#c2cef2 rgb(194,206,242)
```
#d2dbf6
```
#d2dbf6 rgb(210,219,246)
```
#e2e8f9
```
#e2e8f9 rgb(226,232,249)
```
#f2f5fc
```
#f2f5fc rgb(242,245,252)
```

Tint Color Variation

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

#57595e
```
#57595e rgb(87,89,94)
```
#505565
```
#505565 rgb(80,85,101)
```
#49526c
```
#49526c rgb(73,82,108)
```
#424f73
```
#424f73 rgb(66,79,115)
```
#3b4b7a
```
#3b4b7a rgb(59,75,122)
```
#344881
```
#344881 rgb(52,72,129)
```
#2d4588
```
#2d4588 rgb(45,69,136)
```
#26418f
```
#26418f rgb(38,65,143)
```
#1f3e96
```
#1f3e96 rgb(31,62,150)
```
#183b9d
```
#183b9d rgb(24,59,157)
```
#1137a4
```
#1137a4 rgb(17,55,164)
```
#0a34ab
```
#0a34ab rgb(10,52,171)
```
#0331b2
```
#0331b2 rgb(3,49,178)
```

Tone Color Variation

Below, you can see how #1f3e96 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
#393f50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004c95 Protanopia 1% of men
#005082 Deuteranopia 1% of men
#00565b Tritanopia 0.001% of the population

Trichromacy

#0b4795 Protanomaly 1% of men, 0.01% of women
#0b4989 Deuteranomaly 6% of men, 0.4% of women
#0b4d70 Tritanomaly 0.01% of the population

#1f3e96 hex color

#1f3e96 Color Information

#1f3e96 Color Conversion

Color Schemes with #1f3e96

Alternatives to #1f3e96

#1f3e96 Preview

Shades and Tints of #1f3e96

Tones of #1f3e96

Color Blindness Simulator