#1f5345 hex color

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

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

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

The hexadecimal color #1f5345 has RGB values of R:31, G:83, B:69 and CMYK values of C:0.63, M:0, Y:0.17, K:0.67. Its decimal value is 2052933.

Hex triplet	1f5345	`#1f5345`
RGB Decimal	31, 83, 69	`rgb(31,83,69)`
RGB Percent	12.2, 32.5, 27.1	`rgb(12.2%,32.5%,27.1%)`
CMYK	63, 0, 17, 67
HSL	163.8°, 45.6, 22.4	`hsl(163.8,45.6%,22.4%)`
HSV (or HSB)	163.8°, 62.7, 32.5
Web Safe	336633	`#336633`

CIE-LAB	31.595, -21.209, 3.047
XYZ	4.732, 6.907, 6.714
xyY	0.258, 0.376, 6.907
CIE-LCH	31.595, 21.426, 171.825
CIE-LUV	31.595, -20.747, 6.369
Hunter-Lab	26.281, -13.852, 3.251
Binary	00011111, 01010011, 01000101

#1f5345
```
#1f5345 rgb(31,83,69)
```
#531f2d
```
#531f2d rgb(83,31,45)
```

Complementary Color

#1f532b
```
#1f532b rgb(31,83,43)
```
#1f5345
```
#1f5345 rgb(31,83,69)
```
#1f4753
```
#1f4753 rgb(31,71,83)
```

Analogous Color

#532b1f
```
#532b1f rgb(83,43,31)
```
#1f5345
```
#1f5345 rgb(31,83,69)
```
#531f47
```
#531f47 rgb(83,31,71)
```

Split Complementary Color

#53451f
```
#53451f rgb(83,69,31)
```
#1f5345
```
#1f5345 rgb(31,83,69)
```
#451f53
```
#451f53 rgb(69,31,83)
```

Triadic Color

#2d531f
```
#2d531f rgb(45,83,31)
```
#1f5345
```
#1f5345 rgb(31,83,69)
```
#451f53
```
#451f53 rgb(69,31,83)
```
#531f2d
```
#531f2d rgb(83,31,45)
```

Tetradic Color

#0a1b17
```
#0a1b17 rgb(10,27,23)
```
#112e26
```
#112e26 rgb(17,46,38)
```
#184036
```
#184036 rgb(24,64,54)
```
#1f5345
```
#1f5345 rgb(31,83,69)
```
#266654
```
#266654 rgb(38,102,84)
```
#2d7864
```
#2d7864 rgb(45,120,100)
```
#348b73
```
#348b73 rgb(52,139,115)
```

Monochromatic Color

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

#1f5338
```
#1f5338 rgb(31,83,56)
```
#1f533c
```
#1f533c rgb(31,83,60)
```
#1f5341
```
#1f5341 rgb(31,83,65)
```
#1f5345
```
#1f5345 rgb(31,83,69)
```
#1f5349
```
#1f5349 rgb(31,83,73)
```
#1f534e
```
#1f534e rgb(31,83,78)
```
#1f5352
```
#1f5352 rgb(31,83,82)
```

Similar Colors

Text with hexadecimal color #1f5345

This text has a font color of #1f5345.

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

#1f5345 background color

This paragraph has a background color of #1f5345.

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

#1f5345 border color

This element has a border color of #1f5345.

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

CSS codes

.text {color:#1f5345;}

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

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

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

#040c0a
```
#040c0a rgb(4,12,10)
```
#0a1a16
```
#0a1a16 rgb(10,26,22)
```
#0f2821
```
#0f2821 rgb(15,40,33)
```
#14362d
```
#14362d rgb(20,54,45)
```
#1a4539
```
#1a4539 rgb(26,69,57)
```
#1f5345
```
#1f5345 rgb(31,83,69)
```
#246151
```
#246151 rgb(36,97,81)
```
#2a705d
```
#2a705d rgb(42,112,93)
```
#2f7e69
```
#2f7e69 rgb(47,126,105)
```
#348c74
```
#348c74 rgb(52,140,116)
```
#3a9a80
```
#3a9a80 rgb(58,154,128)
```
#3fa98c
```
#3fa98c rgb(63,169,140)
```
#44b798
```
#44b798 rgb(68,183,152)
```

Shade Color Variation

#51bea1
```
#51bea1 rgb(81,190,161)
```
#5fc3a8
```
#5fc3a8 rgb(95,195,168)
```
#6dc9b0
```
#6dc9b0 rgb(109,201,176)
```
#7cceb8
```
#7cceb8 rgb(124,206,184)
```
#8ad3c0
```
#8ad3c0 rgb(138,211,192)
```
#98d9c7
```
#98d9c7 rgb(152,217,199)
```
#a7decf
```
#a7decf rgb(167,222,207)
```
#b5e3d7
```
#b5e3d7 rgb(181,227,215)
```
#c3e9df
```
#c3e9df rgb(195,233,223)
```
#d1eee6
```
#d1eee6 rgb(209,238,230)
```
#e0f3ee
```
#e0f3ee rgb(224,243,238)
```
#eef9f6
```
#eef9f6 rgb(238,249,246)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#353d3b
```
#353d3b rgb(53,61,59)
```
#31413d
```
#31413d rgb(49,65,61)
```
#2c463f
```
#2c463f rgb(44,70,63)
```
#284a41
```
#284a41 rgb(40,74,65)
```
#234f43
```
#234f43 rgb(35,79,67)
```
#1f5345
```
#1f5345 rgb(31,83,69)
```
#1b5747
```
#1b5747 rgb(27,87,71)
```
#165c49
```
#165c49 rgb(22,92,73)
```
#12604b
```
#12604b rgb(18,96,75)
```
#0d654d
```
#0d654d rgb(13,101,77)
```
#09694f
```
#09694f rgb(9,105,79)
```
#056d51
```
#056d51 rgb(5,109,81)
```
#007253
```
#007253 rgb(0,114,83)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#3b4543 Atypical Achromatopsia 0.001% of the population

Dichromacy

#57534a Protanopia 1% of men
#5b5152 Deuteranopia 1% of men
#32595f Tritanopia 0.001% of the population

Trichromacy

#425348 Protanomaly 1% of men, 0.01% of women
#45514d Deuteranomaly 6% of men, 0.4% of women
#2b5756 Tritanomaly 0.01% of the population

#1f5345 hex color

#1f5345 Color Information

#1f5345 Color Conversion

Color Schemes with #1f5345

Alternatives to #1f5345

#1f5345 Preview

Shades and Tints of #1f5345

Tones of #1f5345

Color Blindness Simulator