colorhexa.com

#2fa385 hex color

In a RGB color space, hex #2fa385 is composed of 18.4% red, 63.9% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 71.2% cyan, 0% magenta, 18.4% yellow and 36.1% black. It has a hue angle of 164.5 degrees, a saturation of 55.2% and a lightness of 41.2%. #2fa385 color hex could be obtained by blending #5effff with #00470b. Closest websafe color is: #339999.

- R 18
- G 64
- B 52
RGB color chart
- C 71
- M 0
- Y 18
- K 36
CMYK color chart

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

The hexadecimal color #2fa385 has RGB values of R:47, G:163, B:133 and CMYK values of C:0.71, M:0, Y:0.18, K:0.36. Its decimal value is 3122053.

Hex triplet	2fa385	`#2fa385`
RGB Decimal	47, 163, 133	`rgb(47,163,133)`
RGB Percent	18.4, 63.9, 52.2	`rgb(18.4%,63.9%,52.2%)`
CMYK	71, 0, 18, 36
HSL	164.5°, 55.2, 41.2	`hsl(164.5,55.2%,41.2%)`
HSV (or HSB)	164.5°, 71.2, 63.9
Web Safe	339999	`#339999`

CIE-LAB	60.329, -39.231, 6.398
XYZ	18.502, 28.49, 26.713
xyY	0.251, 0.387, 28.49
CIE-LCH	60.329, 39.749, 170.737
CIE-LUV	60.329, -44.816, 15.015
Hunter-Lab	53.376, -31.536, 7.691
Binary	00101111, 10100011, 10000101

#2fa385
```
#2fa385 rgb(47,163,133)
```
#a32f4d
```
#a32f4d rgb(163,47,77)
```

Complementary Color

#2fa34b
```
#2fa34b rgb(47,163,75)
```
#2fa385
```
#2fa385 rgb(47,163,133)
```
#2f87a3
```
#2f87a3 rgb(47,135,163)
```

Analogous Color

#a34b2f
```
#a34b2f rgb(163,75,47)
```
#2fa385
```
#2fa385 rgb(47,163,133)
```
#a32f87
```
#a32f87 rgb(163,47,135)
```

Split Complementary Color

#a3852f
```
#a3852f rgb(163,133,47)
```
#2fa385
```
#2fa385 rgb(47,163,133)
```
#852fa3
```
#852fa3 rgb(133,47,163)
```

Triadic Color

#4da32f
```
#4da32f rgb(77,163,47)
```
#2fa385
```
#2fa385 rgb(47,163,133)
```
#852fa3
```
#852fa3 rgb(133,47,163)
```
#a32f4d
```
#a32f4d rgb(163,47,77)
```

Tetradic Color

#1e6855
```
#1e6855 rgb(30,104,85)
```
#247b65
```
#247b65 rgb(36,123,101)
```
#298f75
```
#298f75 rgb(41,143,117)
```
#2fa385
```
#2fa385 rgb(47,163,133)
```
#35b795
```
#35b795 rgb(53,183,149)
```
#3ec7a4
```
#3ec7a4 rgb(62,199,164)
```
#52cdad
```
#52cdad rgb(82,205,173)
```

Monochromatic Color

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

#2fa368
```
#2fa368 rgb(47,163,104)
```
#2fa372
```
#2fa372 rgb(47,163,114)
```
#2fa37b
```
#2fa37b rgb(47,163,123)
```
#2fa385
```
#2fa385 rgb(47,163,133)
```
#2fa38f
```
#2fa38f rgb(47,163,143)
```
#2fa398
```
#2fa398 rgb(47,163,152)
```
#2fa3a2
```
#2fa3a2 rgb(47,163,162)
```

Similar Colors

Text with hexadecimal color #2fa385

This text has a font color of #2fa385.

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

#2fa385 background color

This paragraph has a background color of #2fa385.

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

#2fa385 border color

This element has a border color of #2fa385.

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

CSS codes

.text {color:#2fa385;}

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

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

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, #030b09 is the darkest color, while #fbfefd is the lightest one.

#030b09
```
#030b09 rgb(3,11,9)
```
#071a15
```
#071a15 rgb(7,26,21)
```
#0c2922
```
#0c2922 rgb(12,41,34)
```
#10382e
```
#10382e rgb(16,56,46)
```
#15483a
```
#15483a rgb(21,72,58)
```
#195747
```
#195747 rgb(25,87,71)
```
#1d6653
```
#1d6653 rgb(29,102,83)
```
#227560
```
#227560 rgb(34,117,96)
```
#26856c
```
#26856c rgb(38,133,108)
```
#2b9479
```
#2b9479 rgb(43,148,121)
```
#2fa385
```
#2fa385 rgb(47,163,133)
```
#33b291
```
#33b291 rgb(51,178,145)
```
#38c19e
```
#38c19e rgb(56,193,158)
```

Shade Color Variation

#44c9a7
```
#44c9a7 rgb(68,201,167)
```
#53cdae
```
#53cdae rgb(83,205,174)
```
#62d2b5
```
#62d2b5 rgb(98,210,181)
```
#71d6bc
```
#71d6bc rgb(113,214,188)
```
#81dbc3
```
#81dbc3 rgb(129,219,195)
```
#90dfcb
```
#90dfcb rgb(144,223,203)
```
#9fe3d2
```
#9fe3d2 rgb(159,227,210)
```
#aee8d9
```
#aee8d9 rgb(174,232,217)
```
#beece0
```
#beece0 rgb(190,236,224)
```
#cdf1e7
```
#cdf1e7 rgb(205,241,231)
```
#dcf5ef
```
#dcf5ef rgb(220,245,239)
```
#ebf9f6
```
#ebf9f6 rgb(235,249,246)
```
#fbfefd
```
#fbfefd rgb(251,254,253)
```

Tint Color Variation

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

#686a6a
```
#686a6a rgb(104,106,106)
```
#5f736e
```
#5f736e rgb(95,115,110)
```
#577b72
```
#577b72 rgb(87,123,114)
```
#4f8375
```
#4f8375 rgb(79,131,117)
```
#478b79
```
#478b79 rgb(71,139,121)
```
#3f937d
```
#3f937d rgb(63,147,125)
```
#379b81
```
#379b81 rgb(55,155,129)
```
#2fa385
```
#2fa385 rgb(47,163,133)
```
#27ab89
```
#27ab89 rgb(39,171,137)
```
#1fb38d
```
#1fb38d rgb(31,179,141)
```
#17bb91
```
#17bb91 rgb(23,187,145)
```
#0fc395
```
#0fc395 rgb(15,195,149)
```
#07cb98
```
#07cb98 rgb(7,203,152)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#6d857f Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e9683 Protanopia 1% of men
#a69292 Deuteranopia 1% of men
#4da2ae Tritanopia 0.001% of the population

Trichromacy

#759b83 Protanomaly 1% of men, 0.01% of women
#7b988d Deuteranomaly 6% of men, 0.4% of women
#42a29f Tritanomaly 0.01% of the population