#1f343f hex color

In a RGB color space, hex #1f343f is composed of 12.2% red, 20.4% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 50.8% cyan, 17.5% magenta, 0% yellow and 75.3% black. It has a hue angle of 200.6 degrees, a saturation of 34% and a lightness of 18.4%. #1f343f color hex could be obtained by blending #3e687e with #000000. Closest websafe color is: #333333.

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

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

The hexadecimal color #1f343f has RGB values of R:31, G:52, B:63 and CMYK values of C:0.51, M:0.17, Y:0, K:0.75. Its decimal value is 2044991.

Hex triplet	1f343f	`#1f343f`
RGB Decimal	31, 52, 63	`rgb(31,52,63)`
RGB Percent	12.2, 20.4, 24.7	`rgb(12.2%,20.4%,24.7%)`
CMYK	51, 17, 0, 75
HSL	200.6°, 34, 18.4	`hsl(200.6,34%,18.4%)`
HSV (or HSB)	200.6°, 50.8, 24.7
Web Safe	333333	`#333333`

CIE-LAB	20.464, -4.797, -9.508
XYZ	2.69, 3.106, 5.16
xyY	0.246, 0.283, 3.106
CIE-LCH	20.464, 10.65, 243.229
CIE-LUV	20.464, -8.43, -9.759
Hunter-Lab	17.624, -3.596, -5.023
Binary	00011111, 00110100, 00111111

#1f343f
```
#1f343f rgb(31,52,63)
```
#3f2a1f
```
#3f2a1f rgb(63,42,31)
```

Complementary Color

#1f3f3a
```
#1f3f3a rgb(31,63,58)
```
#1f343f
```
#1f343f rgb(31,52,63)
```
#1f243f
```
#1f243f rgb(31,36,63)
```

Analogous Color

#3f3a1f
```
#3f3a1f rgb(63,58,31)
```
#1f343f
```
#1f343f rgb(31,52,63)
```
#3f1f24
```
#3f1f24 rgb(63,31,36)
```

Split Complementary Color

#343f1f
```
#343f1f rgb(52,63,31)
```
#1f343f
```
#1f343f rgb(31,52,63)
```
#3f1f34
```
#3f1f34 rgb(63,31,52)
```

Triadic Color

#1f3f2a
```
#1f3f2a rgb(31,63,42)
```
#1f343f
```
#1f343f rgb(31,52,63)
```
#3f1f34
```
#3f1f34 rgb(63,31,52)
```
#3f2a1f
```
#3f2a1f rgb(63,42,31)
```

Tetradic Color

#060a0c
```
#060a0c rgb(6,10,12)
```
#0e181d
```
#0e181d rgb(14,24,29)
```
#17262e
```
#17262e rgb(23,38,46)
```
#1f343f
```
#1f343f rgb(31,52,63)
```
#274250
```
#274250 rgb(39,66,80)
```
#305061
```
#305061 rgb(48,80,97)
```
#385e72
```
#385e72 rgb(56,94,114)
```

Monochromatic Color

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

#1f3c3f
```
#1f3c3f rgb(31,60,63)
```
#1f393f
```
#1f393f rgb(31,57,63)
```
#1f373f
```
#1f373f rgb(31,55,63)
```
#1f343f
```
#1f343f rgb(31,52,63)
```
#1f313f
```
#1f313f rgb(31,49,63)
```
#1f2f3f
```
#1f2f3f rgb(31,47,63)
```
#1f2c3f
```
#1f2c3f rgb(31,44,63)
```

Similar Colors

Text with hexadecimal color #1f343f

This text has a font color of #1f343f.

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

#1f343f background color

This paragraph has a background color of #1f343f.

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

#1f343f border color

This element has a border color of #1f343f.

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

CSS codes

.text {color:#1f343f;}

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

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

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, #05090a is the darkest color, while #fcfdfe is the lightest one.

#05090a
```
#05090a rgb(5,9,10)
```
#0c1318
```
#0c1318 rgb(12,19,24)
```
#121e25
```
#121e25 rgb(18,30,37)
```
#192932
```
#192932 rgb(25,41,50)
```
#1f343f
```
#1f343f rgb(31,52,63)
```
#253f4c
```
#253f4c rgb(37,63,76)
```
#2c4a59
```
#2c4a59 rgb(44,74,89)
```
#325566
```
#325566 rgb(50,85,102)
```
#395f74
```
#395f74 rgb(57,95,116)
```
#3f6a81
```
#3f6a81 rgb(63,106,129)
```
#46758e
```
#46758e rgb(70,117,142)
```
#4c809b
```
#4c809b rgb(76,128,155)
```
#538ba8
```
#538ba8 rgb(83,139,168)
```

Shade Color Variation

#5f94b0
```
#5f94b0 rgb(95,148,176)
```
#6c9db6
```
#6c9db6 rgb(108,157,182)
```
#79a6bd
```
#79a6bd rgb(121,166,189)
```
#86aec3
```
#86aec3 rgb(134,174,195)
```
#93b7ca
```
#93b7ca rgb(147,183,202)
```
#a0c0d0
```
#a0c0d0 rgb(160,192,208)
```
#adc9d7
```
#adc9d7 rgb(173,201,215)
```
#bbd1dd
```
#bbd1dd rgb(187,209,221)
```
#c8dae4
```
#c8dae4 rgb(200,218,228)
```
#d5e3ea
```
#d5e3ea rgb(213,227,234)
```
#e2ecf1
```
#e2ecf1 rgb(226,236,241)
```
#eff4f7
```
#eff4f7 rgb(239,244,247)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#2d2f31
```
#2d2f31 rgb(45,47,49)
```
#2a3134
```
#2a3134 rgb(42,49,52)
```
#263238
```
#263238 rgb(38,50,56)
```
#23333b
```
#23333b rgb(35,51,59)
```
#1f343f
```
#1f343f rgb(31,52,63)
```
#1b3543
```
#1b3543 rgb(27,53,67)
```
#183646
```
#183646 rgb(24,54,70)
```
#14374a
```
#14374a rgb(20,55,74)
```
#11394d
```
#11394d rgb(17,57,77)
```
#0d3a51
```
#0d3a51 rgb(13,58,81)
```
#093b55
```
#093b55 rgb(9,59,85)
```
#063c58
```
#063c58 rgb(6,60,88)
```
#023d5c
```
#023d5c rgb(2,61,92)
```

Tone Color Variation

Below, you can see how #1f343f 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
#2c3032 Atypical Achromatopsia 0.001% of the population

Dichromacy

#393b47 Protanopia 1% of men
#393a4a Deuteranopia 1% of men
#283f44 Tritanopia 0.001% of the population

Trichromacy

#2f3844 Protanomaly 1% of men, 0.01% of women
#2f3846 Deuteranomaly 6% of men, 0.4% of women
#253b42 Tritanomaly 0.01% of the population

#1f343f hex color

#1f343f Color Information

#1f343f Color Conversion

Color Schemes with #1f343f

Alternatives to #1f343f

#1f343f Preview

Shades and Tints of #1f343f

Tones of #1f343f

Color Blindness Simulator