#1f3341 hex color

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

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

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

The hexadecimal color #1f3341 has RGB values of R:31, G:51, B:65 and CMYK values of C:0.52, M:0.22, Y:0, K:0.75. Its decimal value is 2044737.

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

CIE-LAB	20.205, -3.443, -11.262
XYZ	2.703, 3.04, 5.445
xyY	0.242, 0.272, 3.04
CIE-LCH	20.205, 11.777, 253.002
CIE-LUV	20.205, -8.038, -11.83
Hunter-Lab	17.437, -2.846, -6.309
Binary	00011111, 00110011, 01000001

#1f3341
```
#1f3341 rgb(31,51,65)
```
#412d1f
```
#412d1f rgb(65,45,31)
```

Complementary Color

#1f413e
```
#1f413e rgb(31,65,62)
```
#1f3341
```
#1f3341 rgb(31,51,65)
```
#1f2241
```
#1f2241 rgb(31,34,65)
```

Analogous Color

#413e1f
```
#413e1f rgb(65,62,31)
```
#1f3341
```
#1f3341 rgb(31,51,65)
```
#411f22
```
#411f22 rgb(65,31,34)
```

Split Complementary Color

#33411f
```
#33411f rgb(51,65,31)
```
#1f3341
```
#1f3341 rgb(31,51,65)
```
#411f33
```
#411f33 rgb(65,31,51)
```

Triadic Color

#1f412d
```
#1f412d rgb(31,65,45)
```
#1f3341
```
#1f3341 rgb(31,51,65)
```
#411f33
```
#411f33 rgb(65,31,51)
```
#412d1f
```
#412d1f rgb(65,45,31)
```

Tetradic Color

#060a0d
```
#060a0d rgb(6,10,13)
```
#0f181e
```
#0f181e rgb(15,24,30)
```
#172530
```
#172530 rgb(23,37,48)
```
#1f3341
```
#1f3341 rgb(31,51,65)
```
#274152
```
#274152 rgb(39,65,82)
```
#2f4e64
```
#2f4e64 rgb(47,78,100)
```
#385c75
```
#385c75 rgb(56,92,117)
```

Monochromatic Color

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

#1f3c41
```
#1f3c41 rgb(31,60,65)
```
#1f3941
```
#1f3941 rgb(31,57,65)
```
#1f3641
```
#1f3641 rgb(31,54,65)
```
#1f3341
```
#1f3341 rgb(31,51,65)
```
#1f3041
```
#1f3041 rgb(31,48,65)
```
#1f2d41
```
#1f2d41 rgb(31,45,65)
```
#1f2b41
```
#1f2b41 rgb(31,43,65)
```

Similar Colors

Text with hexadecimal color #1f3341

This text has a font color of #1f3341.

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

#1f3341 background color

This paragraph has a background color of #1f3341.

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

#1f3341 border color

This element has a border color of #1f3341.

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

CSS codes

.text {color:#1f3341;}

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

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

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

#06090c
```
#06090c rgb(6,9,12)
```
#0c1419
```
#0c1419 rgb(12,20,25)
```
#121e26
```
#121e26 rgb(18,30,38)
```
#192934
```
#192934 rgb(25,41,52)
```
#1f3341
```
#1f3341 rgb(31,51,65)
```
#253d4e
```
#253d4e rgb(37,61,78)
```
#2c485c
```
#2c485c rgb(44,72,92)
```
#325269
```
#325269 rgb(50,82,105)
```
#385d76
```
#385d76 rgb(56,93,118)
```
#3f6783
```
#3f6783 rgb(63,103,131)
```
#457291
```
#457291 rgb(69,114,145)
```
#4b7c9e
```
#4b7c9e rgb(75,124,158)
```
#5286ab
```
#5286ab rgb(82,134,171)
```

Shade Color Variation

#5e90b2
```
#5e90b2 rgb(94,144,178)
```
#6c99b9
```
#6c99b9 rgb(108,153,185)
```
#79a2bf
```
#79a2bf rgb(121,162,191)
```
#86abc5
```
#86abc5 rgb(134,171,197)
```
#93b4cc
```
#93b4cc rgb(147,180,204)
```
#a1bed2
```
#a1bed2 rgb(161,190,210)
```
#aec7d8
```
#aec7d8 rgb(174,199,216)
```
#bbd0df
```
#bbd0df rgb(187,208,223)
```
#c8d9e5
```
#c8d9e5 rgb(200,217,229)
```
#d6e2eb
```
#d6e2eb rgb(214,226,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, #2e3032 is the less saturated color, while #01385f is the most saturated one.

#2e3032
```
#2e3032 rgb(46,48,50)
```
#2a3136
```
#2a3136 rgb(42,49,54)
```
#26323a
```
#26323a rgb(38,50,58)
```
#23323d
```
#23323d rgb(35,50,61)
```
#1f3341
```
#1f3341 rgb(31,51,65)
```
#1b3445
```
#1b3445 rgb(27,52,69)
```
#183448
```
#183448 rgb(24,52,72)
```
#14354c
```
#14354c rgb(20,53,76)
```
#103650
```
#103650 rgb(16,54,80)
```
#0d3653
```
#0d3653 rgb(13,54,83)
```
#093757
```
#093757 rgb(9,55,87)
```
#05385b
```
#05385b rgb(5,56,91)
```
#01385f
```
#01385f rgb(1,56,95)
```

Tone Color Variation

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

#373a49 Protanopia 1% of men
#373a4c Deuteranopia 1% of men
#273e43 Tritanopia 0.001% of the population

Trichromacy

#2e3846 Protanomaly 1% of men, 0.01% of women
#2e3748 Deuteranomaly 6% of men, 0.4% of women
#243a42 Tritanomaly 0.01% of the population

#1f3341 hex color

#1f3341 Color Information

#1f3341 Color Conversion

Color Schemes with #1f3341

Alternatives to #1f3341

#1f3341 Preview

Shades and Tints of #1f3341

Tones of #1f3341

Color Blindness Simulator