colorhexa.com

#2f9561 hex color

In a RGB color space, hex #2f9561 is composed of 18.4% red, 58.4% green and 38% blue. Whereas in a CMYK color space, it is composed of 68.5% cyan, 0% magenta, 34.9% yellow and 41.6% black. It has a hue angle of 149.4 degrees, a saturation of 52% and a lightness of 38.4%. #2f9561 color hex could be obtained by blending #5effc2 with #002b00. Closest websafe color is: #339966.

- R 18
- G 58
- B 38
RGB color chart
- C 68
- M 0
- Y 35
- K 42
CMYK color chart

● #2f9561 color description : Dark moderate cyan - lime green.

The hexadecimal color #2f9561 has RGB values of R:47, G:149, B:97 and CMYK values of C:0.68, M:0, Y:0.35, K:0.42. Its decimal value is 3118433.

Hex triplet	2f9561	`#2f9561`
RGB Decimal	47, 149, 97	`rgb(47,149,97)`
RGB Percent	18.4, 58.4, 38	`rgb(18.4%,58.4%,38%)`
CMYK	68, 0, 35, 42
HSL	149.4°, 52, 38.4	`hsl(149.4,52%,38.4%)`
HSV (or HSB)	149.4°, 68.5, 58.4
Web Safe	339966	`#339966`

CIE-LAB	55.032, -41.635, 19.179
XYZ	14.076, 22.961, 14.999
xyY	0.271, 0.441, 22.961
CIE-LCH	55.032, 45.84, 155.268
CIE-LUV	55.032, -41.704, 31.35
Hunter-Lab	47.918, -31.419, 14.984
Binary	00101111, 10010101, 01100001

#2f9561
```
#2f9561 rgb(47,149,97)
```
#952f63
```
#952f63 rgb(149,47,99)
```

Complementary Color

#30952f
```
#30952f rgb(48,149,47)
```
#2f9561
```
#2f9561 rgb(47,149,97)
```
#2f9594
```
#2f9594 rgb(47,149,148)
```

Analogous Color

#952f30
```
#952f30 rgb(149,47,48)
```
#2f9561
```
#2f9561 rgb(47,149,97)
```
#942f95
```
#942f95 rgb(148,47,149)
```

Split Complementary Color

#95612f
```
#95612f rgb(149,97,47)
```
#2f9561
```
#2f9561 rgb(47,149,97)
```
#612f95
```
#612f95 rgb(97,47,149)
```

Triadic Color

#1d5b3b
```
#1d5b3b rgb(29,91,59)
```
#236e48
```
#236e48 rgb(35,110,72)
```
#298254
```
#298254 rgb(41,130,84)
```
#2f9561
```
#2f9561 rgb(47,149,97)
```
#35a86e
```
#35a86e rgb(53,168,110)
```
#3bbc7a
```
#3bbc7a rgb(59,188,122)
```
#4ac687
```
#4ac687 rgb(74,198,135)
```

Monochromatic Color

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

#2f9548
```
#2f9548 rgb(47,149,72)
```
#2f9550
```
#2f9550 rgb(47,149,80)
```
#2f9559
```
#2f9559 rgb(47,149,89)
```
#2f9561
```
#2f9561 rgb(47,149,97)
```
#2f956a
```
#2f956a rgb(47,149,106)
```
#2f9572
```
#2f9572 rgb(47,149,114)
```
#2f957b
```
#2f957b rgb(47,149,123)
```

Similar Colors

Text with hexadecimal color #2f9561

This text has a font color of #2f9561.

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

#2f9561 background color

This paragraph has a background color of #2f9561.

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

#2f9561 border color

This element has a border color of #2f9561.

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

CSS codes

.text {color:#2f9561;}

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

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

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

#050f0a
```
#050f0a rgb(5,15,10)
```
#091e13
```
#091e13 rgb(9,30,19)
```
#0e2d1d
```
#0e2d1d rgb(14,45,29)
```
#133c27
```
#133c27 rgb(19,60,39)
```
#174a30
```
#174a30 rgb(23,74,48)
```
#1c593a
```
#1c593a rgb(28,89,58)
```
#216844
```
#216844 rgb(33,104,68)
```
#26774e
```
#26774e rgb(38,119,78)
```
#2a8657
```
#2a8657 rgb(42,134,87)
```
#2f9561
```
#2f9561 rgb(47,149,97)
```
#34a46b
```
#34a46b rgb(52,164,107)
```
#38b374
```
#38b374 rgb(56,179,116)
```
#3dc27e
```
#3dc27e rgb(61,194,126)
```

Shade Color Variation

#4cc788
```
#4cc788 rgb(76,199,136)
```
#5bcb92
```
#5bcb92 rgb(91,203,146)
```
#6ad09c
```
#6ad09c rgb(106,208,156)
```
#79d5a6
```
#79d5a6 rgb(121,213,166)
```
#88d9b0
```
#88d9b0 rgb(136,217,176)
```
#97deba
```
#97deba rgb(151,222,186)
```
#a5e3c3
```
#a5e3c3 rgb(165,227,195)
```
#b4e7cd
```
#b4e7cd rgb(180,231,205)
```
#c3ecd7
```
#c3ecd7 rgb(195,236,215)
```
#d2f1e1
```
#d2f1e1 rgb(210,241,225)
```
#e1f6eb
```
#e1f6eb rgb(225,246,235)
```
#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, #5c6862 is the less saturated color, while #02c260 is the most saturated one.

#5c6862
```
#5c6862 rgb(92,104,98)
```
#556f62
```
#556f62 rgb(85,111,98)
```
#4d7762
```
#4d7762 rgb(77,119,98)
```
#467e61
```
#467e61 rgb(70,126,97)
```
#3e8661
```
#3e8661 rgb(62,134,97)
```
#378d61
```
#378d61 rgb(55,141,97)
```
#2f9561
```
#2f9561 rgb(47,149,97)
```
#279d61
```
#279d61 rgb(39,157,97)
```
#20a461
```
#20a461 rgb(32,164,97)
```
#18ac61
```
#18ac61 rgb(24,172,97)
```
#11b360
```
#11b360 rgb(17,179,96)
```
#09bb60
```
#09bb60 rgb(9,187,96)
```
#02c260
```
#02c260 rgb(2,194,96)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#64786e Atypical Achromatopsia 0.001% of the population

Dichromacy

#948a62 Protanopia 1% of men
#9f8570 Deuteranopia 1% of men
#50939e Tritanopia 0.001% of the population

Trichromacy

#6f8e61 Protanomaly 1% of men, 0.01% of women
#768a6a Deuteranomaly 6% of men, 0.4% of women
#449488 Tritanomaly 0.01% of the population