#2fa567 hex color

In a RGB color space, hex #2fa567 is composed of 18.4% red, 64.7% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 71.5% cyan, 0% magenta, 37.6% yellow and 35.3% black. It has a hue angle of 148.5 degrees, a saturation of 55.7% and a lightness of 41.6%. #2fa567 color hex could be obtained by blending #5effce with #004b00. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 18
- G 65
- B 40
RGB color chart
- C 72
- M 0
- Y 38
- K 35
CMYK color chart

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

The hexadecimal color #2fa567 has RGB values of R:47, G:165, B:103 and CMYK values of C:0.72, M:0, Y:0.38, K:0.35. Its decimal value is 3122535.

Hex triplet	2fa567	`#2fa567`
RGB Decimal	47, 165, 103	`rgb(47,165,103)`
RGB Percent	18.4, 64.7, 40.4	`rgb(18.4%,64.7%,40.4%)`
CMYK	72, 0, 38, 35
HSL	148.5°, 55.7, 41.6	`hsl(148.5,55.7%,41.6%)`
HSV (or HSB)	148.5°, 71.5, 64.7
Web Safe	339966	`#339966`

CIE-LAB	60.331, -46.889, 23.008
XYZ	17.074, 28.492, 17.431
xyY	0.271, 0.452, 28.492
CIE-LCH	60.331, 52.23, 153.863
CIE-LUV	60.331, -47.334, 37.551
Hunter-Lab	53.378, -36.314, 18.003
Binary	00101111, 10100101, 01100111

#2fa567
```
#2fa567 rgb(47,165,103)
```
#a52f6d
```
#a52f6d rgb(165,47,109)
```

Complementary Color

#32a52f
```
#32a52f rgb(50,165,47)
```
#2fa567
```
#2fa567 rgb(47,165,103)
```
#2fa5a2
```
#2fa5a2 rgb(47,165,162)
```

Analogous Color

#a52f32
```
#a52f32 rgb(165,47,50)
```
#2fa567
```
#2fa567 rgb(47,165,103)
```
#a22fa5
```
#a22fa5 rgb(162,47,165)
```

Split Complementary Color

#a5672f
```
#a5672f rgb(165,103,47)
```
#2fa567
```
#2fa567 rgb(47,165,103)
```
#672fa5
```
#672fa5 rgb(103,47,165)
```

Triadic Color

#6da52f
```
#6da52f rgb(109,165,47)
```
#2fa567
```
#2fa567 rgb(47,165,103)
```
#672fa5
```
#672fa5 rgb(103,47,165)
```
#a52f6d
```
#a52f6d rgb(165,47,109)
```

Tetradic Color

#1e6942
```
#1e6942 rgb(30,105,66)
```
#247d4e
```
#247d4e rgb(36,125,78)
```
#29915b
```
#29915b rgb(41,145,91)
```
#2fa567
```
#2fa567 rgb(47,165,103)
```
#35b973
```
#35b973 rgb(53,185,115)
```
#3fc880
```
#3fc880 rgb(63,200,128)
```
#53ce8d
```
#53ce8d rgb(83,206,141)
```

Monochromatic Color

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

#2fa54a
```
#2fa54a rgb(47,165,74)
```
#2fa553
```
#2fa553 rgb(47,165,83)
```
#2fa55d
```
#2fa55d rgb(47,165,93)
```
#2fa567
```
#2fa567 rgb(47,165,103)
```
#2fa571
```
#2fa571 rgb(47,165,113)
```
#2fa57b
```
#2fa57b rgb(47,165,123)
```
#2fa585
```
#2fa585 rgb(47,165,133)
```

Similar Colors

Text with hexadecimal color #2fa567

This text has a font color of #2fa567.

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

#2fa567 background color

This paragraph has a background color of #2fa567.

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

#2fa567 border color

This element has a border color of #2fa567.

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

CSS codes

.text {color:#2fa567;}

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

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

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

#040c08
```
#040c08 rgb(4,12,8)
```
#081c11
```
#081c11 rgb(8,28,17)
```
#0c2b1b
```
#0c2b1b rgb(12,43,27)
```
#113a24
```
#113a24 rgb(17,58,36)
```
#15492e
```
#15492e rgb(21,73,46)
```
#195937
```
#195937 rgb(25,89,55)
```
#1e6841
```
#1e6841 rgb(30,104,65)
```
#22774a
```
#22774a rgb(34,119,74)
```
#268654
```
#268654 rgb(38,134,84)
```
#2b965d
```
#2b965d rgb(43,150,93)
```
#2fa567
```
#2fa567 rgb(47,165,103)
```
#33b471
```
#33b471 rgb(51,180,113)
```
#38c47a
```
#38c47a rgb(56,196,122)
```

Shade Color Variation

#45ca84
```
#45ca84 rgb(69,202,132)
```
#54ce8e
```
#54ce8e rgb(84,206,142)
```
#63d398
```
#63d398 rgb(99,211,152)
```
#73d7a2
```
#73d7a2 rgb(115,215,162)
```
#82dbac
```
#82dbac rgb(130,219,172)
```
#91e0b6
```
#91e0b6 rgb(145,224,182)
```
#a0e4c1
```
#a0e4c1 rgb(160,228,193)
```
#b0e8cb
```
#b0e8cb rgb(176,232,203)
```
#bfedd5
```
#bfedd5 rgb(191,237,213)
```
#cef1df
```
#cef1df rgb(206,241,223)
```
#def5e9
```
#def5e9 rgb(222,245,233)
```
#edfaf3
```
#edfaf3 rgb(237,250,243)
```
#fcfefd
```
#fcfefd rgb(252,254,253)
```

Tint Color Variation

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

#686c6a
```
#686c6a rgb(104,108,106)
```
#607469
```
#607469 rgb(96,116,105)
```
#587c69
```
#587c69 rgb(88,124,105)
```
#508469
```
#508469 rgb(80,132,105)
```
#478d68
```
#478d68 rgb(71,141,104)
```
#3f9568
```
#3f9568 rgb(63,149,104)
```
#379d67
```
#379d67 rgb(55,157,103)
```
#2fa567
```
#2fa567 rgb(47,165,103)
```
#27ad67
```
#27ad67 rgb(39,173,103)
```
#1fb566
```
#1fb566 rgb(31,181,102)
```
#17bd66
```
#17bd66 rgb(23,189,102)
```
#0ec665
```
#0ec665 rgb(14,198,101)
```
#06ce65
```
#06ce65 rgb(6,206,101)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#6c8377 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a39767 Protanopia 1% of men
#b09177 Deuteranopia 1% of men
#56a1ad Tritanopia 0.001% of the population

Trichromacy

#799c67 Protanomaly 1% of men, 0.01% of women
#819871 Deuteranomaly 6% of men, 0.4% of women
#48a393 Tritanomaly 0.01% of the population

#2fa567 hex color

#2fa567 Color Information

#2fa567 Color Conversion

Color Schemes with #2fa567

Alternatives to #2fa567

#2fa567 Preview

Shades and Tints of #2fa567

Tones of #2fa567

Color Blindness Simulator