#1f3296 hex color

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

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

● #1f3296 color description : Dark blue.

The hexadecimal color #1f3296 has RGB values of R:31, G:50, B:150 and CMYK values of C:0.79, M:0.67, Y:0, K:0.41. Its decimal value is 2044566.

Hex triplet	1f3296	`#1f3296`
RGB Decimal	31, 50, 150	`rgb(31,50,150)`
RGB Percent	12.2, 19.6, 58.8	`rgb(12.2%,19.6%,58.8%)`
CMYK	79, 67, 0, 41
HSL	230.4°, 65.7, 35.5	`hsl(230.4,65.7%,35.5%)`
HSV (or HSB)	230.4°, 79.3, 58.8
Web Safe	333399	`#333399`

CIE-LAB	26.081, 30.271, -56.706
XYZ	7.21, 4.774, 29.394
xyY	0.174, 0.115, 4.774
CIE-LCH	26.081, 64.28, 298.094
CIE-LUV	26.081, -8.53, -71.559
Hunter-Lab	21.85, 20.662, -64.468
Binary	00011111, 00110010, 10010110

#1f3296
```
#1f3296 rgb(31,50,150)
```
#96831f
```
#96831f rgb(150,131,31)
```

Complementary Color

#1f6e96
```
#1f6e96 rgb(31,110,150)
```
#1f3296
```
#1f3296 rgb(31,50,150)
```
#481f96
```
#481f96 rgb(72,31,150)
```

Analogous Color

#6e961f
```
#6e961f rgb(110,150,31)
```
#1f3296
```
#1f3296 rgb(31,50,150)
```
#96481f
```
#96481f rgb(150,72,31)
```

Split Complementary Color

#32961f
```
#32961f rgb(50,150,31)
```
#1f3296
```
#1f3296 rgb(31,50,150)
```
#961f32
```
#961f32 rgb(150,31,50)
```

Triadic Color

#1f9683
```
#1f9683 rgb(31,150,131)
```
#1f3296
```
#1f3296 rgb(31,50,150)
```
#961f32
```
#961f32 rgb(150,31,50)
```
#96831f
```
#96831f rgb(150,131,31)
```

Tetradic Color

#121d57
```
#121d57 rgb(18,29,87)
```
#16246c
```
#16246c rgb(22,36,108)
```
#1b2b81
```
#1b2b81 rgb(27,43,129)
```
#1f3296
```
#1f3296 rgb(31,50,150)
```
#2339ab
```
#2339ab rgb(35,57,171)
```
#2840c0
```
#2840c0 rgb(40,64,192)
```
#2e48d4
```
#2e48d4 rgb(46,72,212)
```

Monochromatic Color

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

#1f5096
```
#1f5096 rgb(31,80,150)
```
#1f4696
```
#1f4696 rgb(31,70,150)
```
#1f3c96
```
#1f3c96 rgb(31,60,150)
```
#1f3296
```
#1f3296 rgb(31,50,150)
```
#1f2896
```
#1f2896 rgb(31,40,150)
```
#201f96
```
#201f96 rgb(32,31,150)
```
#2a1f96
```
#2a1f96 rgb(42,31,150)
```

Similar Colors

Text with hexadecimal color #1f3296

This text has a font color of #1f3296.

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

#1f3296 background color

This paragraph has a background color of #1f3296.

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

#1f3296 border color

This element has a border color of #1f3296.

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

CSS codes

.text {color:#1f3296;}

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

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

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

#010104
```
#010104 rgb(1,1,4)
```
#040714
```
#040714 rgb(4,7,20)
```
#070c24
```
#070c24 rgb(7,12,36)
```
#0b1134
```
#0b1134 rgb(11,17,52)
```
#0e1745
```
#0e1745 rgb(14,23,69)
```
#121c55
```
#121c55 rgb(18,28,85)
```
#152265
```
#152265 rgb(21,34,101)
```
#182775
```
#182775 rgb(24,39,117)
```
#1c2d86
```
#1c2d86 rgb(28,45,134)
```
#1f3296
```
#1f3296 rgb(31,50,150)
```
#2237a6
```
#2237a6 rgb(34,55,166)
```
#263db7
```
#263db7 rgb(38,61,183)
```
#2942c7
```
#2942c7 rgb(41,66,199)
```

Shade Color Variation

#2f4ad4
```
#2f4ad4 rgb(47,74,212)
```
#4058d7
```
#4058d7 rgb(64,88,215)
```
#5066db
```
#5066db rgb(80,102,219)
```
#6074de
```
#6074de rgb(96,116,222)
```
#7082e2
```
#7082e2 rgb(112,130,226)
```
#8191e5
```
#8191e5 rgb(129,145,229)
```
#919fe8
```
#919fe8 rgb(145,159,232)
```
#a1adec
```
#a1adec rgb(161,173,236)
```
#b1bbef
```
#b1bbef rgb(177,187,239)
```
#c2c9f2
```
#c2c9f2 rgb(194,201,242)
```
#d2d8f6
```
#d2d8f6 rgb(210,216,246)
```
#e2e6f9
```
#e2e6f9 rgb(226,230,249)
```
#f2f4fc
```
#f2f4fc rgb(242,244,252)
```

Tint Color Variation

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

#57585e
```
#57585e rgb(87,88,94)
```
#505365
```
#505365 rgb(80,83,101)
```
#494e6c
```
#494e6c rgb(73,78,108)
```
#424a73
```
#424a73 rgb(66,74,115)
```
#3b457a
```
#3b457a rgb(59,69,122)
```
#344081
```
#344081 rgb(52,64,129)
```
#2d3b88
```
#2d3b88 rgb(45,59,136)
```
#26378f
```
#26378f rgb(38,55,143)
```
#1f3296
```
#1f3296 rgb(31,50,150)
```
#182d9d
```
#182d9d rgb(24,45,157)
```
#1129a4
```
#1129a4 rgb(17,41,164)
```
#0a24ab
```
#0a24ab rgb(10,36,171)
```
#031fb2
```
#031fb2 rgb(3,31,178)
```

Tone Color Variation

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

#383838 Achromatopsia 0.005% of the population
#33374b Atypical Achromatopsia 0.001% of the population

Dichromacy

#004587 Protanopia 1% of men
#004976 Deuteranopia 1% of men
#004e53 Tritanopia 0.001% of the population

Trichromacy

#0b3e8d Protanomaly 1% of men, 0.01% of women
#0b4181 Deuteranomaly 6% of men, 0.4% of women
#0b446b Tritanomaly 0.01% of the population

#1f3296 hex color

#1f3296 Color Information

#1f3296 Color Conversion

Color Schemes with #1f3296

Alternatives to #1f3296

#1f3296 Preview

Shades and Tints of #1f3296

Tones of #1f3296

Color Blindness Simulator