colorhexa.com

#1f6a46 hex color

In a RGB color space, hex #1f6a46 is composed of 12.2% red, 41.6% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 70.8% cyan, 0% magenta, 34% yellow and 58.4% black. It has a hue angle of 151.2 degrees, a saturation of 54.7% and a lightness of 26.9%. #1f6a46 color hex could be obtained by blending #3ed48c with #000000. Closest websafe color is: #336633.

- R 12
- G 42
- B 27
RGB color chart
- C 71
- M 0
- Y 34
- K 58
CMYK color chart

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

The hexadecimal color #1f6a46 has RGB values of R:31, G:106, B:70 and CMYK values of C:0.71, M:0, Y:0.34, K:0.58. Its decimal value is 2058822.

Hex triplet	1f6a46	`#1f6a46`
RGB Decimal	31, 106, 70	`rgb(31,106,70)`
RGB Percent	12.2, 41.6, 27.5	`rgb(12.2%,41.6%,27.5%)`
CMYK	71, 0, 34, 58
HSL	151.2°, 54.7, 26.9	`hsl(151.2,54.7%,26.9%)`
HSV (or HSB)	151.2°, 70.8, 41.6
Web Safe	336633	`#336633`

CIE-LAB	39.649, -32.055, 13.725
XYZ	6.824, 11.041, 7.565
xyY	0.268, 0.434, 11.041
CIE-LCH	39.649, 34.87, 156.821
CIE-LUV	39.649, -29.872, 21.078
Hunter-Lab	33.228, -21.49, 9.76
Binary	00011111, 01101010, 01000110

#1f6a46
```
#1f6a46 rgb(31,106,70)
```
#6a1f43
```
#6a1f43 rgb(106,31,67)
```

Complementary Color

#1f6a21
```
#1f6a21 rgb(31,106,33)
```
#1f6a46
```
#1f6a46 rgb(31,106,70)
```
#1f696a
```
#1f696a rgb(31,105,106)
```

Analogous Color

#6a211f
```
#6a211f rgb(106,33,31)
```
#1f6a46
```
#1f6a46 rgb(31,106,70)
```
#6a1f69
```
#6a1f69 rgb(106,31,105)
```

Split Complementary Color

#6a461f
```
#6a461f rgb(106,70,31)
```
#1f6a46
```
#1f6a46 rgb(31,106,70)
```
#461f6a
```
#461f6a rgb(70,31,106)
```

Triadic Color

#0e2f1f
```
#0e2f1f rgb(14,47,31)
```
#13432c
```
#13432c rgb(19,67,44)
```
#195639
```
#195639 rgb(25,86,57)
```
#1f6a46
```
#1f6a46 rgb(31,106,70)
```
#257e53
```
#257e53 rgb(37,126,83)
```
#2b9160
```
#2b9160 rgb(43,145,96)
```
#30a56d
```
#30a56d rgb(48,165,109)
```

Monochromatic Color

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

#1f6a33
```
#1f6a33 rgb(31,106,51)
```
#1f6a3a
```
#1f6a3a rgb(31,106,58)
```
#1f6a40
```
#1f6a40 rgb(31,106,64)
```
#1f6a46
```
#1f6a46 rgb(31,106,70)
```
#1f6a4c
```
#1f6a4c rgb(31,106,76)
```
#1f6a53
```
#1f6a53 rgb(31,106,83)
```
#1f6a59
```
#1f6a59 rgb(31,106,89)
```

Similar Colors

Text with hexadecimal color #1f6a46

This text has a font color of #1f6a46.

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

#1f6a46 background color

This paragraph has a background color of #1f6a46.

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

#1f6a46 border color

This element has a border color of #1f6a46.

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

CSS codes

.text {color:#1f6a46;}

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

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

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

#040f0a
```
#040f0a rgb(4,15,10)
```
#091e14
```
#091e14 rgb(9,30,20)
```
#0d2d1e
```
#0d2d1e rgb(13,45,30)
```
#123c28
```
#123c28 rgb(18,60,40)
```
#164c32
```
#164c32 rgb(22,76,50)
```
#1b5b3c
```
#1b5b3c rgb(27,91,60)
```
#1f6a46
```
#1f6a46 rgb(31,106,70)
```
#237950
```
#237950 rgb(35,121,80)
```
#28885a
```
#28885a rgb(40,136,90)
```
#2c9864
```
#2c9864 rgb(44,152,100)
```
#31a76e
```
#31a76e rgb(49,167,110)
```
#35b678
```
#35b678 rgb(53,182,120)
```
#3ac582
```
#3ac582 rgb(58,197,130)
```

Shade Color Variation

#49ca8c
```
#49ca8c rgb(73,202,140)
```
#58ce95
```
#58ce95 rgb(88,206,149)
```
#67d39f
```
#67d39f rgb(103,211,159)
```
#76d7a9
```
#76d7a9 rgb(118,215,169)
```
#85dbb2
```
#85dbb2 rgb(133,219,178)
```
#95e0bc
```
#95e0bc rgb(149,224,188)
```
#a4e4c5
```
#a4e4c5 rgb(164,228,197)
```
#b3e9cf
```
#b3e9cf rgb(179,233,207)
```
#c2edd8
```
#c2edd8 rgb(194,237,216)
```
#d1f2e2
```
#d1f2e2 rgb(209,242,226)
```
#e0f6ec
```
#e0f6ec rgb(224,246,236)
```
#f0faf5
```
#f0faf5 rgb(240,250,245)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#444545
```
#444545 rgb(68,69,69)
```
#3f4a45
```
#3f4a45 rgb(63,74,69)
```
#395045
```
#395045 rgb(57,80,69)
```
#345545
```
#345545 rgb(52,85,69)
```
#2f5a45
```
#2f5a45 rgb(47,90,69)
```
#2a5f46
```
#2a5f46 rgb(42,95,70)
```
#246546
```
#246546 rgb(36,101,70)
```
#1f6a46
```
#1f6a46 rgb(31,106,70)
```
#1a6f46
```
#1a6f46 rgb(26,111,70)
```
#147546
```
#147546 rgb(20,117,70)
```
#0f7a47
```
#0f7a47 rgb(15,122,71)
```
#0a7f47
```
#0a7f47 rgb(10,127,71)
```
#058447
```
#058447 rgb(5,132,71)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#45544d Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d654a Protanopia 1% of men
#756254 Deuteranopia 1% of men
#3b6c74 Tritanopia 0.001% of the population

Trichromacy

#506748 Protanomaly 1% of men, 0.01% of women
#55644f Deuteranomaly 6% of men, 0.4% of women
#306b63 Tritanomaly 0.01% of the population