#1f5336 hex color

In a RGB color space, hex #1f5336 is composed of 12.2% red, 32.5% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 0% magenta, 34.9% yellow and 67.5% black. It has a hue angle of 146.5 degrees, a saturation of 45.6% and a lightness of 22.4%. #1f5336 color hex could be obtained by blending #3ea66c with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 12
- G 33
- B 21
RGB color chart
- C 63
- M 0
- Y 35
- K 67
CMYK color chart

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

The hexadecimal color #1f5336 has RGB values of R:31, G:83, B:54 and CMYK values of C:0.63, M:0, Y:0.35, K:0.67. Its decimal value is 2052918.

Hex triplet	1f5336	`#1f5336`
RGB Decimal	31, 83, 54	`rgb(31,83,54)`
RGB Percent	12.2, 32.5, 21.2	`rgb(12.2%,32.5%,21.2%)`
CMYK	63, 0, 35, 67
HSL	146.5°, 45.6, 22.4	`hsl(146.5,45.6%,22.4%)`
HSV (or HSB)	146.5°, 62.7, 32.5
Web Safe	336633	`#336633`

CIE-LAB	31.216, -25.028, 11.935
XYZ	4.324, 6.744, 4.564
xyY	0.277, 0.431, 6.744
CIE-LCH	31.216, 27.728, 154.505
CIE-LUV	31.216, -21.39, 16.624
Hunter-Lab	25.969, -15.725, 7.759
Binary	00011111, 01010011, 00110110

#1f5336
```
#1f5336 rgb(31,83,54)
```
#531f3c
```
#531f3c rgb(83,31,60)
```

Complementary Color

#22531f
```
#22531f rgb(34,83,31)
```
#1f5336
```
#1f5336 rgb(31,83,54)
```
#1f5350
```
#1f5350 rgb(31,83,80)
```

Analogous Color

#531f22
```
#531f22 rgb(83,31,34)
```
#1f5336
```
#1f5336 rgb(31,83,54)
```
#501f53
```
#501f53 rgb(80,31,83)
```

Split Complementary Color

#53361f
```
#53361f rgb(83,54,31)
```
#1f5336
```
#1f5336 rgb(31,83,54)
```
#361f53
```
#361f53 rgb(54,31,83)
```

Triadic Color

#3c531f
```
#3c531f rgb(60,83,31)
```
#1f5336
```
#1f5336 rgb(31,83,54)
```
#361f53
```
#361f53 rgb(54,31,83)
```
#531f3c
```
#531f3c rgb(83,31,60)
```

Tetradic Color

#0a1b12
```
#0a1b12 rgb(10,27,18)
```
#112e1e
```
#112e1e rgb(17,46,30)
```
#18402a
```
#18402a rgb(24,64,42)
```
#1f5336
```
#1f5336 rgb(31,83,54)
```
#266642
```
#266642 rgb(38,102,66)
```
#2d784e
```
#2d784e rgb(45,120,78)
```
#348b5a
```
#348b5a rgb(52,139,90)
```

Monochromatic Color

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

#1f5329
```
#1f5329 rgb(31,83,41)
```
#1f532d
```
#1f532d rgb(31,83,45)
```
#1f5332
```
#1f5332 rgb(31,83,50)
```
#1f5336
```
#1f5336 rgb(31,83,54)
```
#1f533a
```
#1f533a rgb(31,83,58)
```
#1f533f
```
#1f533f rgb(31,83,63)
```
#1f5343
```
#1f5343 rgb(31,83,67)
```

Similar Colors

Text with hexadecimal color #1f5336

This text has a font color of #1f5336.

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

#1f5336 background color

This paragraph has a background color of #1f5336.

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

#1f5336 border color

This element has a border color of #1f5336.

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

CSS codes

.text {color:#1f5336;}

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

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

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, #040c08 is the darkest color, while #fcfefd is the lightest one.

#040c08
```
#040c08 rgb(4,12,8)
```
#0a1a11
```
#0a1a11 rgb(10,26,17)
```
#0f281a
```
#0f281a rgb(15,40,26)
```
#143623
```
#143623 rgb(20,54,35)
```
#1a452d
```
#1a452d rgb(26,69,45)
```
#1f5336
```
#1f5336 rgb(31,83,54)
```
#24613f
```
#24613f rgb(36,97,63)
```
#2a7049
```
#2a7049 rgb(42,112,73)
```
#2f7e52
```
#2f7e52 rgb(47,126,82)
```
#348c5b
```
#348c5b rgb(52,140,91)
```
#3a9a64
```
#3a9a64 rgb(58,154,100)
```
#3fa96e
```
#3fa96e rgb(63,169,110)
```
#44b777
```
#44b777 rgb(68,183,119)
```

Shade Color Variation

#51be81
```
#51be81 rgb(81,190,129)
```
#5fc38b
```
#5fc38b rgb(95,195,139)
```
#6dc996
```
#6dc996 rgb(109,201,150)
```
#7ccea0
```
#7ccea0 rgb(124,206,160)
```
#8ad3aa
```
#8ad3aa rgb(138,211,170)
```
#98d9b5
```
#98d9b5 rgb(152,217,181)
```
#a7debf
```
#a7debf rgb(167,222,191)
```
#b5e3c9
```
#b5e3c9 rgb(181,227,201)
```
#c3e9d4
```
#c3e9d4 rgb(195,233,212)
```
#d1eede
```
#d1eede rgb(209,238,222)
```
#e0f3e8
```
#e0f3e8 rgb(224,243,232)
```
#eef9f3
```
#eef9f3 rgb(238,249,243)
```
#fcfefd
```
#fcfefd rgb(252,254,253)
```

Tint Color Variation

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

#353d39
```
#353d39 rgb(53,61,57)
```
#314138
```
#314138 rgb(49,65,56)
```
#2c4638
```
#2c4638 rgb(44,70,56)
```
#284a37
```
#284a37 rgb(40,74,55)
```
#234f37
```
#234f37 rgb(35,79,55)
```
#1f5336
```
#1f5336 rgb(31,83,54)
```
#1b5735
```
#1b5735 rgb(27,87,53)
```
#165c35
```
#165c35 rgb(22,92,53)
```
#126034
```
#126034 rgb(18,96,52)
```
#0d6534
```
#0d6534 rgb(13,101,52)
```
#096933
```
#096933 rgb(9,105,51)
```
#056d33
```
#056d33 rgb(5,109,51)
```
#007232
```
#007232 rgb(0,114,50)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#39443e Atypical Achromatopsia 0.001% of the population

Dichromacy

#59523c Protanopia 1% of men
#5f4f44 Deuteranopia 1% of men
#35585e Tritanopia 0.001% of the population

Trichromacy

#43523a Protanomaly 1% of men, 0.01% of women
#48513f Deuteranomaly 6% of men, 0.4% of women
#2d564f Tritanomaly 0.01% of the population

#1f5336 hex color

#1f5336 Color Information

#1f5336 Color Conversion

Color Schemes with #1f5336

Alternatives to #1f5336

#1f5336 Preview

Shades and Tints of #1f5336

Tones of #1f5336

Color Blindness Simulator