#1f3441 hex color

In a RGB color space, hex #1f3441 is composed of 12.2% red, 20.4% green and 25.5% blue. Whereas in a CMYK color space, it is composed of 52.3% cyan, 20% magenta, 0% yellow and 74.5% black. It has a hue angle of 202.9 degrees, a saturation of 35.4% and a lightness of 18.8%. #1f3441 color hex could be obtained by blending #3e6882 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 12
- G 20
- B 25
RGB color chart
- C 52
- M 20
- Y 0
- K 75
CMYK color chart

● #1f3441 color description : Very dark desaturated blue.

The hexadecimal color #1f3441 has RGB values of R:31, G:52, B:65 and CMYK values of C:0.52, M:0.2, Y:0, K:0.75. Its decimal value is 2044993.

Hex triplet	1f3441	`#1f3441`
RGB Decimal	31, 52, 65	`rgb(31,52,65)`
RGB Percent	12.2, 20.4, 25.5	`rgb(12.2%,20.4%,25.5%)`
CMYK	52, 20, 0, 75
HSL	202.9°, 35.4, 18.8	`hsl(202.9,35.4%,18.8%)`
HSV (or HSB)	202.9°, 52.3, 25.5
Web Safe	333333	`#333333`

CIE-LAB	20.553, -4.113, -10.73
XYZ	2.747, 3.129, 5.46
xyY	0.242, 0.276, 3.129
CIE-LCH	20.553, 11.491, 249.028
CIE-LUV	20.553, -8.417, -11.238
Hunter-Lab	17.688, -3.234, -5.919
Binary	00011111, 00110100, 01000001

#1f3441
```
#1f3441 rgb(31,52,65)
```
#412c1f
```
#412c1f rgb(65,44,31)
```

Complementary Color

#1f413d
```
#1f413d rgb(31,65,61)
```
#1f3441
```
#1f3441 rgb(31,52,65)
```
#1f2341
```
#1f2341 rgb(31,35,65)
```

Analogous Color

#413d1f
```
#413d1f rgb(65,61,31)
```
#1f3441
```
#1f3441 rgb(31,52,65)
```
#411f23
```
#411f23 rgb(65,31,35)
```

Split Complementary Color

#34411f
```
#34411f rgb(52,65,31)
```
#1f3441
```
#1f3441 rgb(31,52,65)
```
#411f34
```
#411f34 rgb(65,31,52)
```

Triadic Color

#1f412c
```
#1f412c rgb(31,65,44)
```
#1f3441
```
#1f3441 rgb(31,52,65)
```
#411f34
```
#411f34 rgb(65,31,52)
```
#412c1f
```
#412c1f rgb(65,44,31)
```

Tetradic Color

#060b0d
```
#060b0d rgb(6,11,13)
```
#0f181e
```
#0f181e rgb(15,24,30)
```
#172630
```
#172630 rgb(23,38,48)
```
#1f3441
```
#1f3441 rgb(31,52,65)
```
#274252
```
#274252 rgb(39,66,82)
```
#2f5064
```
#2f5064 rgb(47,80,100)
```
#385d75
```
#385d75 rgb(56,93,117)
```

Monochromatic Color

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

#1f3d41
```
#1f3d41 rgb(31,61,65)
```
#1f3a41
```
#1f3a41 rgb(31,58,65)
```
#1f3741
```
#1f3741 rgb(31,55,65)
```
#1f3441
```
#1f3441 rgb(31,52,65)
```
#1f3141
```
#1f3141 rgb(31,49,65)
```
#1f2e41
```
#1f2e41 rgb(31,46,65)
```
#1f2c41
```
#1f2c41 rgb(31,44,65)
```

Similar Colors

Text with hexadecimal color #1f3441

This text has a font color of #1f3441.

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

#1f3441 background color

This paragraph has a background color of #1f3441.

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

#1f3441 border color

This element has a border color of #1f3441.

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

CSS codes

.text {color:#1f3441;}

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

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

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, #060a0c is the darkest color, while #fefefe is the lightest one.

#060a0c
```
#060a0c rgb(6,10,12)
```
#0c1419
```
#0c1419 rgb(12,20,25)
```
#121f26
```
#121f26 rgb(18,31,38)
```
#192934
```
#192934 rgb(25,41,52)
```
#1f3441
```
#1f3441 rgb(31,52,65)
```
#253f4e
```
#253f4e rgb(37,63,78)
```
#2c495c
```
#2c495c rgb(44,73,92)
```
#325469
```
#325469 rgb(50,84,105)
```
#385f76
```
#385f76 rgb(56,95,118)
```
#3f6983
```
#3f6983 rgb(63,105,131)
```
#457491
```
#457491 rgb(69,116,145)
```
#4b7e9e
```
#4b7e9e rgb(75,126,158)
```
#5289ab
```
#5289ab rgb(82,137,171)
```

Shade Color Variation

#5e92b2
```
#5e92b2 rgb(94,146,178)
```
#6c9bb9
```
#6c9bb9 rgb(108,155,185)
```
#79a4bf
```
#79a4bf rgb(121,164,191)
```
#86adc5
```
#86adc5 rgb(134,173,197)
```
#93b6cc
```
#93b6cc rgb(147,182,204)
```
#a1bfd2
```
#a1bfd2 rgb(161,191,210)
```
#aec8d8
```
#aec8d8 rgb(174,200,216)
```
#bbd1df
```
#bbd1df rgb(187,209,223)
```
#c8dae5
```
#c8dae5 rgb(200,218,229)
```
#d6e3eb
```
#d6e3eb rgb(214,227,235)
```
#e3ecf2
```
#e3ecf2 rgb(227,236,242)
```
#f0f5f8
```
#f0f5f8 rgb(240,245,248)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #2e3132 is the less saturated color, while #013b5f is the most saturated one.

#2e3132
```
#2e3132 rgb(46,49,50)
```
#2a3136
```
#2a3136 rgb(42,49,54)
```
#26323a
```
#26323a rgb(38,50,58)
```
#23333d
```
#23333d rgb(35,51,61)
```
#1f3441
```
#1f3441 rgb(31,52,65)
```
#1b3545
```
#1b3545 rgb(27,53,69)
```
#183648
```
#183648 rgb(24,54,72)
```
#14374c
```
#14374c rgb(20,55,76)
```
#103750
```
#103750 rgb(16,55,80)
```
#0d3853
```
#0d3853 rgb(13,56,83)
```
#093957
```
#093957 rgb(9,57,87)
```
#053a5b
```
#053a5b rgb(5,58,91)
```
#013b5f
```
#013b5f rgb(1,59,95)
```

Tone Color Variation

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

#2f2f2f Achromatopsia 0.005% of the population
#2c3033 Atypical Achromatopsia 0.001% of the population

Dichromacy

#383b49 Protanopia 1% of men
#383b4c Deuteranopia 1% of men
#283f44 Tritanopia 0.001% of the population

Trichromacy

#2f3846 Protanomaly 1% of men, 0.01% of women
#2f3848 Deuteranomaly 6% of men, 0.4% of women
#243b43 Tritanomaly 0.01% of the population

#1f3441 hex color

#1f3441 Color Information

#1f3441 Color Conversion

Color Schemes with #1f3441

Alternatives to #1f3441

#1f3441 Preview

Shades and Tints of #1f3441

Tones of #1f3441

Color Blindness Simulator