colorhexa.com

#1f3541 hex color

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

- R 12
- G 21
- B 25
RGB color chart
- C 52
- M 18
- Y 0
- K 75
CMYK color chart

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

The hexadecimal color #1f3541 has RGB values of R:31, G:53, B:65 and CMYK values of C:0.52, M:0.18, Y:0, K:0.75. Its decimal value is 2045249.

Hex triplet	1f3541	`#1f3541`
RGB Decimal	31, 53, 65	`rgb(31,53,65)`
RGB Percent	12.2, 20.8, 25.5	`rgb(12.2%,20.8%,25.5%)`
CMYK	52, 18, 0, 75
HSL	201.2°, 35.4, 18.8	`hsl(201.2,35.4%,18.8%)`
HSV (or HSB)	201.2°, 52.3, 25.5
Web Safe	333333	`#333333`

CIE-LAB	20.901, -4.777, -10.198
XYZ	2.792, 3.219, 5.475
xyY	0.243, 0.28, 3.219
CIE-LCH	20.901, 11.261, 244.898
CIE-LUV	20.901, -8.8, -10.637
Hunter-Lab	17.942, -3.62, -5.533
Binary	00011111, 00110101, 01000001

#1f3541
```
#1f3541 rgb(31,53,65)
```
#412b1f
```
#412b1f rgb(65,43,31)
```

Complementary Color

#1f413c
```
#1f413c rgb(31,65,60)
```
#1f3541
```
#1f3541 rgb(31,53,65)
```
#1f2441
```
#1f2441 rgb(31,36,65)
```

Analogous Color

#413c1f
```
#413c1f rgb(65,60,31)
```
#1f3541
```
#1f3541 rgb(31,53,65)
```
#411f24
```
#411f24 rgb(65,31,36)
```

Split Complementary Color

#060b0d
```
#060b0d rgb(6,11,13)
```
#0f191e
```
#0f191e rgb(15,25,30)
```
#172730
```
#172730 rgb(23,39,48)
```
#1f3541
```
#1f3541 rgb(31,53,65)
```
#274352
```
#274352 rgb(39,67,82)
```
#2f5164
```
#2f5164 rgb(47,81,100)
```
#385f75
```
#385f75 rgb(56,95,117)
```

Monochromatic Color

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

#1f3e41
```
#1f3e41 rgb(31,62,65)
```
#1f3b41
```
#1f3b41 rgb(31,59,65)
```
#1f3841
```
#1f3841 rgb(31,56,65)
```
#1f3541
```
#1f3541 rgb(31,53,65)
```
#1f3241
```
#1f3241 rgb(31,50,65)
```
#1f2f41
```
#1f2f41 rgb(31,47,65)
```
#1f2d41
```
#1f2d41 rgb(31,45,65)
```

Similar Colors

Text with hexadecimal color #1f3541

This text has a font color of #1f3541.

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

#1f3541 background color

This paragraph has a background color of #1f3541.

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

#1f3541 border color

This element has a border color of #1f3541.

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

CSS codes

.text {color:#1f3541;}

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

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

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)
```
#0c1519
```
#0c1519 rgb(12,21,25)
```
#121f26
```
#121f26 rgb(18,31,38)
```
#192a34
```
#192a34 rgb(25,42,52)
```
#1f3541
```
#1f3541 rgb(31,53,65)
```
#25404e
```
#25404e rgb(37,64,78)
```
#2c4b5c
```
#2c4b5c rgb(44,75,92)
```
#325569
```
#325569 rgb(50,85,105)
```
#386076
```
#386076 rgb(56,96,118)
```
#3f6b83
```
#3f6b83 rgb(63,107,131)
```
#457691
```
#457691 rgb(69,118,145)
```
#4b819e
```
#4b819e rgb(75,129,158)
```
#528cab
```
#528cab rgb(82,140,171)
```

Shade Color Variation

#5e95b2
```
#5e95b2 rgb(94,149,178)
```
#6c9db9
```
#6c9db9 rgb(108,157,185)
```
#79a6bf
```
#79a6bf rgb(121,166,191)
```
#86afc5
```
#86afc5 rgb(134,175,197)
```
#93b8cc
```
#93b8cc rgb(147,184,204)
```
#a1c1d2
```
#a1c1d2 rgb(161,193,210)
```
#aec9d8
```
#aec9d8 rgb(174,201,216)
```
#bbd2df
```
#bbd2df rgb(187,210,223)
```
#c8dbe5
```
#c8dbe5 rgb(200,219,229)
```
#d6e4eb
```
#d6e4eb rgb(214,228,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 #013e5f is the most saturated one.

#2e3132
```
#2e3132 rgb(46,49,50)
```
#2a3236
```
#2a3236 rgb(42,50,54)
```
#26333a
```
#26333a rgb(38,51,58)
```
#23343d
```
#23343d rgb(35,52,61)
```
#1f3541
```
#1f3541 rgb(31,53,65)
```
#1b3645
```
#1b3645 rgb(27,54,69)
```
#183748
```
#183748 rgb(24,55,72)
```
#14384c
```
#14384c rgb(20,56,76)
```
#103950
```
#103950 rgb(16,57,80)
```
#0d3a53
```
#0d3a53 rgb(13,58,83)
```
#093c57
```
#093c57 rgb(9,60,87)
```
#053d5b
```
#053d5b rgb(5,61,91)
```
#013e5f
```
#013e5f rgb(1,62,95)
```

Tone Color Variation

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

#303030 Achromatopsia 0.005% of the population
#2d3133 Atypical Achromatopsia 0.001% of the population

Dichromacy

#393c48 Protanopia 1% of men
#3a3b4c Deuteranopia 1% of men
#284045 Tritanopia 0.001% of the population

Trichromacy

#303946 Protanomaly 1% of men, 0.01% of women
#303948 Deuteranomaly 6% of men, 0.4% of women
#253c43 Tritanomaly 0.01% of the population