#1f3a33 hex color

In a RGB color space, hex #1f3a33 is composed of 12.2% red, 22.7% green and 20% blue. Whereas in a CMYK color space, it is composed of 46.6% cyan, 0% magenta, 12.1% yellow and 77.3% black. It has a hue angle of 164.4 degrees, a saturation of 30.3% and a lightness of 17.5%. #1f3a33 color hex could be obtained by blending #3e7466 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 12
- G 23
- B 20
RGB color chart
- C 47
- M 0
- Y 12
- K 77
CMYK color chart

● #1f3a33 color description : Very dark desaturated cyan - lime green.

The hexadecimal color #1f3a33 has RGB values of R:31, G:58, B:51 and CMYK values of C:0.47, M:0, Y:0.12, K:0.77. Its decimal value is 2046515.

Hex triplet	1f3a33	`#1f3a33`
RGB Decimal	31, 58, 51	`rgb(31,58,51)`
RGB Percent	12.2, 22.7, 20	`rgb(12.2%,22.7%,20%)`
CMYK	47, 0, 12, 77
HSL	164.4°, 30.3, 17.5	`hsl(164.4,30.3%,17.5%)`
HSV (or HSB)	164.4°, 46.6, 22.7
Web Safe	333333	`#333333`

CIE-LAB	22.147, -12.327, 1.123
XYZ	2.675, 3.556, 3.677
xyY	0.27, 0.359, 3.556
CIE-LCH	22.147, 12.378, 174.795
CIE-LUV	22.147, -11.007, 2.593
Hunter-Lab	18.858, -7.677, 1.639
Binary	00011111, 00111010, 00110011

#1f3a33
```
#1f3a33 rgb(31,58,51)
```
#3a1f26
```
#3a1f26 rgb(58,31,38)
```

Complementary Color

#1f3a26
```
#1f3a26 rgb(31,58,38)
```
#1f3a33
```
#1f3a33 rgb(31,58,51)
```
#1f343a
```
#1f343a rgb(31,52,58)
```

Analogous Color

#3a261f
```
#3a261f rgb(58,38,31)
```
#1f3a33
```
#1f3a33 rgb(31,58,51)
```
#3a1f34
```
#3a1f34 rgb(58,31,52)
```

Split Complementary Color

#3a331f
```
#3a331f rgb(58,51,31)
```
#1f3a33
```
#1f3a33 rgb(31,58,51)
```
#331f3a
```
#331f3a rgb(51,31,58)
```

Triadic Color

#263a1f
```
#263a1f rgb(38,58,31)
```
#1f3a33
```
#1f3a33 rgb(31,58,51)
```
#331f3a
```
#331f3a rgb(51,31,58)
```
#3a1f26
```
#3a1f26 rgb(58,31,38)
```

Tetradic Color

#040807
```
#040807 rgb(4,8,7)
```
#0d1916
```
#0d1916 rgb(13,25,22)
```
#162924
```
#162924 rgb(22,41,36)
```
#1f3a33
```
#1f3a33 rgb(31,58,51)
```
#284b42
```
#284b42 rgb(40,75,66)
```
#315b50
```
#315b50 rgb(49,91,80)
```
#3a6c5f
```
#3a6c5f rgb(58,108,95)
```

Monochromatic Color

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

#1f3a2c
```
#1f3a2c rgb(31,58,44)
```
#1f3a2f
```
#1f3a2f rgb(31,58,47)
```
#1f3a31
```
#1f3a31 rgb(31,58,49)
```
#1f3a33
```
#1f3a33 rgb(31,58,51)
```
#1f3a35
```
#1f3a35 rgb(31,58,53)
```
#1f3a38
```
#1f3a38 rgb(31,58,56)
```
#1f3a3a
```
#1f3a3a rgb(31,58,58)
```

Similar Colors

Text with hexadecimal color #1f3a33

This text has a font color of #1f3a33.

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

#1f3a33 background color

This paragraph has a background color of #1f3a33.

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

#1f3a33 border color

This element has a border color of #1f3a33.

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

CSS codes

.text {color:#1f3a33;}

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

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

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, #040706 is the darkest color, while #f9fcfb is the lightest one.

#040706
```
#040706 rgb(4,7,6)
```
#0b1411
```
#0b1411 rgb(11,20,17)
```
#11201d
```
#11201d rgb(17,32,29)
```
#182d28
```
#182d28 rgb(24,45,40)
```
#1f3a33
```
#1f3a33 rgb(31,58,51)
```
#26473e
```
#26473e rgb(38,71,62)
```
#2d5449
```
#2d5449 rgb(45,84,73)
```
#336055
```
#336055 rgb(51,96,85)
```
#3a6d60
```
#3a6d60 rgb(58,109,96)
```
#417a6b
```
#417a6b rgb(65,122,107)
```
#488776
```
#488776 rgb(72,135,118)
```
#4f9382
```
#4f9382 rgb(79,147,130)
```
#56a08d
```
#56a08d rgb(86,160,141)
```

Shade Color Variation

#60aa97
```
#60aa97 rgb(96,170,151)
```
#6cb19f
```
#6cb19f rgb(108,177,159)
```
#79b8a7
```
#79b8a7 rgb(121,184,167)
```
#86beb0
```
#86beb0 rgb(134,190,176)
```
#93c5b8
```
#93c5b8 rgb(147,197,184)
```
#a0ccc0
```
#a0ccc0 rgb(160,204,192)
```
#acd3c9
```
#acd3c9 rgb(172,211,201)
```
#b9dad1
```
#b9dad1 rgb(185,218,209)
```
#c6e1da
```
#c6e1da rgb(198,225,218)
```
#d3e7e2
```
#d3e7e2 rgb(211,231,226)
```
#e0eeea
```
#e0eeea rgb(224,238,234)
```
#ecf5f3
```
#ecf5f3 rgb(236,245,243)
```
#f9fcfb
```
#f9fcfb rgb(249,252,251)
```

Tint Color Variation

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

#29302e
```
#29302e rgb(41,48,46)
```
#263330
```
#263330 rgb(38,51,48)
```
#223731
```
#223731 rgb(34,55,49)
```
#1f3a33
```
#1f3a33 rgb(31,58,51)
```
#1c3d35
```
#1c3d35 rgb(28,61,53)
```
#184136
```
#184136 rgb(24,65,54)
```
#154438
```
#154438 rgb(21,68,56)
```
#11483a
```
#11483a rgb(17,72,58)
```
#0e4b3b
```
#0e4b3b rgb(14,75,59)
```
#0a4f3d
```
#0a4f3d rgb(10,79,61)
```
#07523f
```
#07523f rgb(7,82,63)
```
#045540
```
#045540 rgb(4,85,64)
```
#005942
```
#005942 rgb(0,89,66)
```

Tone Color Variation

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

#313131 Achromatopsia 0.005% of the population
#2d3331 Atypical Achromatopsia 0.001% of the population

Dichromacy

#413f3b Protanopia 1% of men
#453d3f Deuteranopia 1% of men
#2d4247 Tritanopia 0.001% of the population

Trichromacy

#353d38 Protanomaly 1% of men, 0.01% of women
#373c3b Deuteranomaly 6% of men, 0.4% of women
#283f40 Tritanomaly 0.01% of the population

#1f3a33 hex color

#1f3a33 Color Information

#1f3a33 Color Conversion

Color Schemes with #1f3a33

Alternatives to #1f3a33

#1f3a33 Preview

Shades and Tints of #1f3a33

Tones of #1f3a33

Color Blindness Simulator