#2f644c hex color

In a RGB color space, hex #2f644c is composed of 18.4% red, 39.2% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 53% cyan, 0% magenta, 24% yellow and 60.8% black. It has a hue angle of 152.8 degrees, a saturation of 36.1% and a lightness of 28.8%. #2f644c color hex could be obtained by blending #5ec898 with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 18
- G 39
- B 30
RGB color chart
- C 53
- M 0
- Y 24
- K 61
CMYK color chart

● #2f644c color description : Very dark desaturated cyan - lime green.

The hexadecimal color #2f644c has RGB values of R:47, G:100, B:76 and CMYK values of C:0.53, M:0, Y:0.24, K:0.61. Its decimal value is 3105868.

Hex triplet	2f644c	`#2f644c`
RGB Decimal	47, 100, 76	`rgb(47,100,76)`
RGB Percent	18.4, 39.2, 29.8	`rgb(18.4%,39.2%,29.8%)`
CMYK	53, 0, 24, 61
HSL	152.8°, 36.1, 28.8	`hsl(152.8,36.1%,28.8%)`
HSV (or HSB)	152.8°, 53, 39.2
Web Safe	336633	`#336633`

CIE-LAB	38.27, -24.004, 8.283
XYZ	7.034, 10.24, 8.443
xyY	0.274, 0.398, 10.24
CIE-LCH	38.27, 25.393, 160.962
CIE-LUV	38.27, -23.159, 13.556
Hunter-Lab	32, -16.766, 6.757
Binary	00101111, 01100100, 01001100

#2f644c
```
#2f644c rgb(47,100,76)
```
#642f47
```
#642f47 rgb(100,47,71)
```

Complementary Color

#2f6432
```
#2f6432 rgb(47,100,50)
```
#2f644c
```
#2f644c rgb(47,100,76)
```
#2f6264
```
#2f6264 rgb(47,98,100)
```

Analogous Color

#64322f
```
#64322f rgb(100,50,47)
```
#2f644c
```
#2f644c rgb(47,100,76)
```
#642f62
```
#642f62 rgb(100,47,98)
```

Split Complementary Color

#644c2f
```
#644c2f rgb(100,76,47)
```
#2f644c
```
#2f644c rgb(47,100,76)
```
#4c2f64
```
#4c2f64 rgb(76,47,100)
```

Triadic Color

#47642f
```
#47642f rgb(71,100,47)
```
#2f644c
```
#2f644c rgb(47,100,76)
```
#4c2f64
```
#4c2f64 rgb(76,47,100)
```
#642f47
```
#642f47 rgb(100,47,71)
```

Tetradic Color

#173024
```
#173024 rgb(23,48,36)
```
#1f4132
```
#1f4132 rgb(31,65,50)
```
#27533f
```
#27533f rgb(39,83,63)
```
#2f644c
```
#2f644c rgb(47,100,76)
```
#377559
```
#377559 rgb(55,117,89)
```
#3f8766
```
#3f8766 rgb(63,135,102)
```
#479874
```
#479874 rgb(71,152,116)
```

Monochromatic Color

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

#2f643f
```
#2f643f rgb(47,100,63)
```
#2f6443
```
#2f6443 rgb(47,100,67)
```
#2f6448
```
#2f6448 rgb(47,100,72)
```
#2f644c
```
#2f644c rgb(47,100,76)
```
#2f6450
```
#2f6450 rgb(47,100,80)
```
#2f6455
```
#2f6455 rgb(47,100,85)
```
#2f6459
```
#2f6459 rgb(47,100,89)
```

Similar Colors

Text with hexadecimal color #2f644c

This text has a font color of #2f644c.

<span style="color:#2f644c;">Text here</span>

#2f644c background color

This paragraph has a background color of #2f644c.

<p style="background-color:#2f644c;">Content here</p>

#2f644c border color

This element has a border color of #2f644c.

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

CSS codes

.text {color:#2f644c;}

.background {background-color:#2f644c;}

.border {border:1px solid #2f644c;}

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

#030705
```
#030705 rgb(3,7,5)
```
#09140f
```
#09140f rgb(9,20,15)
```
#102119
```
#102119 rgb(16,33,25)
```
#162f23
```
#162f23 rgb(22,47,35)
```
#1c3c2e
```
#1c3c2e rgb(28,60,46)
```
#224938
```
#224938 rgb(34,73,56)
```
#295742
```
#295742 rgb(41,87,66)
```
#2f644c
```
#2f644c rgb(47,100,76)
```
#357156
```
#357156 rgb(53,113,86)
```
#3c7f60
```
#3c7f60 rgb(60,127,96)
```
#428c6a
```
#428c6a rgb(66,140,106)
```
#489975
```
#489975 rgb(72,153,117)
```
#4ea77f
```
#4ea77f rgb(78,167,127)
```

Shade Color Variation

#58b189
```
#58b189 rgb(88,177,137)
```
#65b792
```
#65b792 rgb(101,183,146)
```
#73bd9b
```
#73bd9b rgb(115,189,155)
```
#80c3a5
```
#80c3a5 rgb(128,195,165)
```
#8dcaae
```
#8dcaae rgb(141,202,174)
```
#9bd0b8
```
#9bd0b8 rgb(155,208,184)
```
#a8d6c1
```
#a8d6c1 rgb(168,214,193)
```
#b6dccb
```
#b6dccb rgb(182,220,203)
```
#c3e3d4
```
#c3e3d4 rgb(195,227,212)
```
#d0e9de
```
#d0e9de rgb(208,233,222)
```
#deefe7
```
#deefe7 rgb(222,239,231)
```
#ebf6f1
```
#ebf6f1 rgb(235,246,241)
```
#f8fcfa
```
#f8fcfa rgb(248,252,250)
```

Tint Color Variation

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

#464d4a
```
#464d4a rgb(70,77,74)
```
#40534a
```
#40534a rgb(64,83,74)
```
#3a594b
```
#3a594b rgb(58,89,75)
```
#355e4b
```
#355e4b rgb(53,94,75)
```
#2f644c
```
#2f644c rgb(47,100,76)
```
#296a4d
```
#296a4d rgb(41,106,77)
```
#246f4d
```
#246f4d rgb(36,111,77)
```
#1e754e
```
#1e754e rgb(30,117,78)
```
#187b4e
```
#187b4e rgb(24,123,78)
```
#13804f
```
#13804f rgb(19,128,79)
```
#0d864f
```
#0d864f rgb(13,134,79)
```
#078c50
```
#078c50 rgb(7,140,80)
```
#029150
```
#029150 rgb(2,145,80)
```

Tone Color Variation

Below, you can see how #2f644c 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

#515151 Achromatopsia 0.005% of the population
#4a5550 Atypical Achromatopsia 0.001% of the population

Dichromacy

#686250 Protanopia 1% of men
#6f5f59 Deuteranopia 1% of men
#42686f Tritanopia 0.001% of the population

Trichromacy

#53634f Protanomaly 1% of men, 0.01% of women
#576154 Deuteranomaly 6% of men, 0.4% of women
#3b6662 Tritanomaly 0.01% of the population

#2f644c hex color

#2f644c Color Information

#2f644c Color Conversion

Color Schemes with #2f644c

Alternatives to #2f644c

#2f644c Preview

Shades and Tints of #2f644c

Tones of #2f644c

Color Blindness Simulator