#1f5045 hex color

In a RGB color space, hex #1f5045 is composed of 12.2% red, 31.4% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 61.3% cyan, 0% magenta, 13.8% yellow and 68.6% black. It has a hue angle of 166.5 degrees, a saturation of 44.1% and a lightness of 21.8%. #1f5045 color hex could be obtained by blending #3ea08a with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 12
- G 31
- B 27
RGB color chart
- C 61
- M 0
- Y 14
- K 69
CMYK color chart

● #1f5045 color description : Very dark cyan.

The hexadecimal color #1f5045 has RGB values of R:31, G:80, B:69 and CMYK values of C:0.61, M:0, Y:0.14, K:0.69. Its decimal value is 2052165.

Hex triplet	1f5045	`#1f5045`
RGB Decimal	31, 80, 69	`rgb(31,80,69)`
RGB Percent	12.2, 31.4, 27.1	`rgb(12.2%,31.4%,27.1%)`
CMYK	61, 0, 14, 69
HSL	166.5°, 44.1, 21.8	`hsl(166.5,44.1%,21.8%)`
HSV (or HSB)	166.5°, 61.3, 31.4
Web Safe	336633	`#336633`

CIE-LAB	30.54, -19.619, 1.523
XYZ	4.508, 6.458, 6.639
xyY	0.256, 0.367, 6.458
CIE-LCH	30.54, 19.678, 175.562
CIE-LUV	30.54, -19.529, 4.306
Hunter-Lab	25.413, -12.81, 2.3
Binary	00011111, 01010000, 01000101

#1f5045
```
#1f5045 rgb(31,80,69)
```
#501f2a
```
#501f2a rgb(80,31,42)
```

Complementary Color

#1f502d
```
#1f502d rgb(31,80,45)
```
#1f5045
```
#1f5045 rgb(31,80,69)
```
#1f4350
```
#1f4350 rgb(31,67,80)
```

Analogous Color

#502d1f
```
#502d1f rgb(80,45,31)
```
#1f5045
```
#1f5045 rgb(31,80,69)
```
#501f43
```
#501f43 rgb(80,31,67)
```

Split Complementary Color

#50451f
```
#50451f rgb(80,69,31)
```
#1f5045
```
#1f5045 rgb(31,80,69)
```
#451f50
```
#451f50 rgb(69,31,80)
```

Triadic Color

#2a501f
```
#2a501f rgb(42,80,31)
```
#1f5045
```
#1f5045 rgb(31,80,69)
```
#451f50
```
#451f50 rgb(69,31,80)
```
#501f2a
```
#501f2a rgb(80,31,42)
```

Tetradic Color

#0a1915
```
#0a1915 rgb(10,25,21)
```
#112b25
```
#112b25 rgb(17,43,37)
```
#183e35
```
#183e35 rgb(24,62,53)
```
#1f5045
```
#1f5045 rgb(31,80,69)
```
#266255
```
#266255 rgb(38,98,85)
```
#2d7565
```
#2d7565 rgb(45,117,101)
```
#348775
```
#348775 rgb(52,135,117)
```

Monochromatic Color

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

#1f5039
```
#1f5039 rgb(31,80,57)
```
#1f503d
```
#1f503d rgb(31,80,61)
```
#1f5041
```
#1f5041 rgb(31,80,65)
```
#1f5045
```
#1f5045 rgb(31,80,69)
```
#1f5049
```
#1f5049 rgb(31,80,73)
```
#1f504d
```
#1f504d rgb(31,80,77)
```
#1f4f50
```
#1f4f50 rgb(31,79,80)
```

Similar Colors

Text with hexadecimal color #1f5045

This text has a font color of #1f5045.

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

#1f5045 background color

This paragraph has a background color of #1f5045.

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

#1f5045 border color

This element has a border color of #1f5045.

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

CSS codes

.text {color:#1f5045;}

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

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

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

#040908
```
#040908 rgb(4,9,8)
```
#091714
```
#091714 rgb(9,23,20)
```
#0f2620
```
#0f2620 rgb(15,38,32)
```
#14342d
```
#14342d rgb(20,52,45)
```
#1a4239
```
#1a4239 rgb(26,66,57)
```
#1f5045
```
#1f5045 rgb(31,80,69)
```
#245e51
```
#245e51 rgb(36,94,81)
```
#2a6c5d
```
#2a6c5d rgb(42,108,93)
```
#2f7a6a
```
#2f7a6a rgb(47,122,106)
```
#358976
```
#358976 rgb(53,137,118)
```
#3a9782
```
#3a9782 rgb(58,151,130)
```
#40a58e
```
#40a58e rgb(64,165,142)
```
#45b39a
```
#45b39a rgb(69,179,154)
```

Shade Color Variation

#51bba3
```
#51bba3 rgb(81,187,163)
```
#5fc1ab
```
#5fc1ab rgb(95,193,171)
```
#6dc6b2
```
#6dc6b2 rgb(109,198,178)
```
#7bccba
```
#7bccba rgb(123,204,186)
```
#89d1c1
```
#89d1c1 rgb(137,209,193)
```
#97d7c9
```
#97d7c9 rgb(151,215,201)
```
#a5dcd0
```
#a5dcd0 rgb(165,220,208)
```
#b3e2d7
```
#b3e2d7 rgb(179,226,215)
```
#c2e7df
```
#c2e7df rgb(194,231,223)
```
#d0ede6
```
#d0ede6 rgb(208,237,230)
```
#def2ee
```
#def2ee rgb(222,242,238)
```
#ecf8f5
```
#ecf8f5 rgb(236,248,245)
```
#fafdfc
```
#fafdfc rgb(250,253,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #343b39 is the less saturated color, while #016e55 is the most saturated one.

#343b39
```
#343b39 rgb(52,59,57)
```
#303f3c
```
#303f3c rgb(48,63,60)
```
#2c433e
```
#2c433e rgb(44,67,62)
```
#284740
```
#284740 rgb(40,71,64)
```
#234c43
```
#234c43 rgb(35,76,67)
```
#1f5045
```
#1f5045 rgb(31,80,69)
```
#1b5447
```
#1b5447 rgb(27,84,71)
```
#16594a
```
#16594a rgb(22,89,74)
```
#125d4c
```
#125d4c rgb(18,93,76)
```
#0e614e
```
#0e614e rgb(14,97,78)
```
#0a6551
```
#0a6551 rgb(10,101,81)
```
#056a53
```
#056a53 rgb(5,106,83)
```
#016e55
```
#016e55 rgb(1,110,85)
```

Tone Color Variation

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

Dichromacy

#54514a Protanopia 1% of men
#584f52 Deuteranopia 1% of men
#30565d Tritanopia 0.001% of the population

Trichromacy

#415048 Protanomaly 1% of men, 0.01% of women
#434f4d Deuteranomaly 6% of men, 0.4% of women
#2a5454 Tritanomaly 0.01% of the population

#1f5045 hex color

#1f5045 Color Information

#1f5045 Color Conversion

Color Schemes with #1f5045

Alternatives to #1f5045

#1f5045 Preview

Shades and Tints of #1f5045

Tones of #1f5045

Color Blindness Simulator