#1f3295 hex color

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

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

● #1f3295 color description : Dark blue.

The hexadecimal color #1f3295 has RGB values of R:31, G:50, B:149 and CMYK values of C:0.79, M:0.66, Y:0, K:0.42. Its decimal value is 2044565.

Hex triplet	1f3295	`#1f3295`
RGB Decimal	31, 50, 149	`rgb(31,50,149)`
RGB Percent	12.2, 19.6, 58.4	`rgb(12.2%,19.6%,58.4%)`
CMYK	79, 66, 0, 42
HSL	230.3°, 65.6, 35.3	`hsl(230.3,65.6%,35.3%)`
HSV (or HSB)	230.3°, 79.2, 58.4
Web Safe	333399	`#333399`

CIE-LAB	25.987, 29.89, -56.247
XYZ	7.129, 4.742, 28.972
xyY	0.175, 0.116, 4.742
CIE-LCH	25.987, 63.696, 297.986
CIE-LUV	25.987, -8.509, -70.929
Hunter-Lab	21.776, 20.332, -63.639
Binary	00011111, 00110010, 10010101

#1f3295
```
#1f3295 rgb(31,50,149)
```
#95821f
```
#95821f rgb(149,130,31)
```

Complementary Color

#1f6d95
```
#1f6d95 rgb(31,109,149)
```
#1f3295
```
#1f3295 rgb(31,50,149)
```
#471f95
```
#471f95 rgb(71,31,149)
```

Analogous Color

#6d951f
```
#6d951f rgb(109,149,31)
```
#1f3295
```
#1f3295 rgb(31,50,149)
```
#95471f
```
#95471f rgb(149,71,31)
```

Split Complementary Color

#32951f
```
#32951f rgb(50,149,31)
```
#1f3295
```
#1f3295 rgb(31,50,149)
```
#951f32
```
#951f32 rgb(149,31,50)
```

Triadic Color

#1f9582
```
#1f9582 rgb(31,149,130)
```
#1f3295
```
#1f3295 rgb(31,50,149)
```
#951f32
```
#951f32 rgb(149,31,50)
```
#95821f
```
#95821f rgb(149,130,31)
```

Tetradic Color

#121d56
```
#121d56 rgb(18,29,86)
```
#16246b
```
#16246b rgb(22,36,107)
```
#1b2b80
```
#1b2b80 rgb(27,43,128)
```
#1f3295
```
#1f3295 rgb(31,50,149)
```
#2339aa
```
#2339aa rgb(35,57,170)
```
#2840bf
```
#2840bf rgb(40,64,191)
```
#2d48d3
```
#2d48d3 rgb(45,72,211)
```

Monochromatic Color

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

#1f5095
```
#1f5095 rgb(31,80,149)
```
#1f4695
```
#1f4695 rgb(31,70,149)
```
#1f3c95
```
#1f3c95 rgb(31,60,149)
```
#1f3295
```
#1f3295 rgb(31,50,149)
```
#1f2895
```
#1f2895 rgb(31,40,149)
```
#201f95
```
#201f95 rgb(32,31,149)
```
#291f95
```
#291f95 rgb(41,31,149)
```

Similar Colors

Text with hexadecimal color #1f3295

This text has a font color of #1f3295.

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

#1f3295 background color

This paragraph has a background color of #1f3295.

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

#1f3295 border color

This element has a border color of #1f3295.

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

CSS codes

.text {color:#1f3295;}

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

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

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 #f2f3fc is the lightest one.

#010103
```
#010103 rgb(1,1,3)
```
#040613
```
#040613 rgb(4,6,19)
```
#070c23
```
#070c23 rgb(7,12,35)
```
#0b1134
```
#0b1134 rgb(11,17,52)
```
#0e1744
```
#0e1744 rgb(14,23,68)
```
#111c54
```
#111c54 rgb(17,28,84)
```
#152264
```
#152264 rgb(21,34,100)
```
#182775
```
#182775 rgb(24,39,117)
```
#1c2d85
```
#1c2d85 rgb(28,45,133)
```
#1f3295
```
#1f3295 rgb(31,50,149)
```
#2237a5
```
#2237a5 rgb(34,55,165)
```
#263db5
```
#263db5 rgb(38,61,181)
```
#2942c6
```
#2942c6 rgb(41,66,198)
```

Shade Color Variation

#2f49d4
```
#2f49d4 rgb(47,73,212)
```
#3f58d7
```
#3f58d7 rgb(63,88,215)
```
#4f66da
```
#4f66da rgb(79,102,218)
```
#5f74de
```
#5f74de rgb(95,116,222)
```
#7082e1
```
#7082e1 rgb(112,130,225)
```
#8090e5
```
#8090e5 rgb(128,144,229)
```
#909ee8
```
#909ee8 rgb(144,158,232)
```
#a0adeb
```
#a0adeb rgb(160,173,235)
```
#b1bbef
```
#b1bbef rgb(177,187,239)
```
#c1c9f2
```
#c1c9f2 rgb(193,201,242)
```
#d1d7f5
```
#d1d7f5 rgb(209,215,245)
```
#e1e5f9
```
#e1e5f9 rgb(225,229,249)
```
#f2f3fc
```
#f2f3fc rgb(242,243,252)
```

Tint Color Variation

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

#56585e
```
#56585e rgb(86,88,94)
```
#4f5365
```
#4f5365 rgb(79,83,101)
```
#494e6b
```
#494e6b rgb(73,78,107)
```
#424972
```
#424972 rgb(66,73,114)
```
#3b4579
```
#3b4579 rgb(59,69,121)
```
#344080
```
#344080 rgb(52,64,128)
```
#2d3b87
```
#2d3b87 rgb(45,59,135)
```
#26378e
```
#26378e rgb(38,55,142)
```
#1f3295
```
#1f3295 rgb(31,50,149)
```
#182d9c
```
#182d9c rgb(24,45,156)
```
#1129a3
```
#1129a3 rgb(17,41,163)
```
#0a24aa
```
#0a24aa rgb(10,36,170)
```
#031fb1
```
#031fb1 rgb(3,31,177)
```

Tone Color Variation

Below, you can see how #1f3295 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
#004975 Deuteranopia 1% of men
#004e52 Tritanopia 0.001% of the population

Trichromacy

#0b3e8c Protanomaly 1% of men, 0.01% of women
#0b4081 Deuteranomaly 6% of men, 0.4% of women
#0b446a Tritanomaly 0.01% of the population

#1f3295 hex color

#1f3295 Color Information

#1f3295 Color Conversion

Color Schemes with #1f3295

Alternatives to #1f3295

#1f3295 Preview

Shades and Tints of #1f3295

Tones of #1f3295

Color Blindness Simulator