#2fa09a hex color

In a RGB color space, hex #2fa09a is composed of 18.4% red, 62.7% green and 60.4% blue. Whereas in a CMYK color space, it is composed of 70.6% cyan, 0% magenta, 3.8% yellow and 37.3% black. It has a hue angle of 176.8 degrees, a saturation of 54.6% and a lightness of 40.6%. #2fa09a color hex could be obtained by blending #5effff with #004135. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 18
- G 63
- B 60
RGB color chart
- C 71
- M 0
- Y 4
- K 37
CMYK color chart

● #2fa09a color description : Dark cyan.

The hexadecimal color #2fa09a has RGB values of R:47, G:160, B:154 and CMYK values of C:0.71, M:0, Y:0.04, K:0.37. Its decimal value is 3121306.

Hex triplet	2fa09a	`#2fa09a`
RGB Decimal	47, 160, 154	`rgb(47,160,154)`
RGB Percent	18.4, 62.7, 60.4	`rgb(18.4%,62.7%,60.4%)`
CMYK	71, 0, 4, 37
HSL	176.8°, 54.6, 40.6	`hsl(176.8,54.6%,40.6%)`
HSV (or HSB)	176.8°, 70.6, 62.7
Web Safe	339999	`#339999`

CIE-LAB	59.958, -32.139, -5.986
XYZ	19.574, 28.077, 34.958
xyY	0.237, 0.34, 28.077
CIE-LCH	59.958, 32.691, 190.551
CIE-LUV	59.958, -42.354, -4.046
Hunter-Lab	52.988, -26.79, -2.024
Binary	00101111, 10100000, 10011010

#2fa09a
```
#2fa09a rgb(47,160,154)
```
#a02f35
```
#a02f35 rgb(160,47,53)
```

Complementary Color

#2fa061
```
#2fa061 rgb(47,160,97)
```
#2fa09a
```
#2fa09a rgb(47,160,154)
```
#2f6ea0
```
#2f6ea0 rgb(47,110,160)
```

Analogous Color

#a0622f
```
#a0622f rgb(160,98,47)
```
#2fa09a
```
#2fa09a rgb(47,160,154)
```
#a02f6e
```
#a02f6e rgb(160,47,110)
```

Split Complementary Color

#a09a2f
```
#a09a2f rgb(160,154,47)
```
#2fa09a
```
#2fa09a rgb(47,160,154)
```
#9a2fa0
```
#9a2fa0 rgb(154,47,160)
```

Triadic Color

#35a02f
```
#35a02f rgb(53,160,47)
```
#2fa09a
```
#2fa09a rgb(47,160,154)
```
#9a2fa0
```
#9a2fa0 rgb(154,47,160)
```
#a02f35
```
#a02f35 rgb(160,47,53)
```

Tetradic Color

#1e6561
```
#1e6561 rgb(30,101,97)
```
#237974
```
#237974 rgb(35,121,116)
```
#298c87
```
#298c87 rgb(41,140,135)
```
#2fa09a
```
#2fa09a rgb(47,160,154)
```
#35b4ad
```
#35b4ad rgb(53,180,173)
```
#3cc6be
```
#3cc6be rgb(60,198,190)
```
#50ccc5
```
#50ccc5 rgb(80,204,197)
```

Monochromatic Color

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

#2fa07e
```
#2fa07e rgb(47,160,126)
```
#2fa087
```
#2fa087 rgb(47,160,135)
```
#2fa091
```
#2fa091 rgb(47,160,145)
```
#2fa09a
```
#2fa09a rgb(47,160,154)
```
#2f9da0
```
#2f9da0 rgb(47,157,160)
```
#2f93a0
```
#2f93a0 rgb(47,147,160)
```
#2f8aa0
```
#2f8aa0 rgb(47,138,160)
```

Similar Colors

Text with hexadecimal color #2fa09a

This text has a font color of #2fa09a.

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

#2fa09a background color

This paragraph has a background color of #2fa09a.

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

#2fa09a border color

This element has a border color of #2fa09a.

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

CSS codes

.text {color:#2fa09a;}

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

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

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

#020808
```
#020808 rgb(2,8,8)
```
#071817
```
#071817 rgb(7,24,23)
```
#0b2725
```
#0b2725 rgb(11,39,37)
```
#103634
```
#103634 rgb(16,54,52)
```
#144542
```
#144542 rgb(20,69,66)
```
#195451
```
#195451 rgb(25,84,81)
```
#1d6360
```
#1d6360 rgb(29,99,96)
```
#22736e
```
#22736e rgb(34,115,110)
```
#26827d
```
#26827d rgb(38,130,125)
```
#2b918b
```
#2b918b rgb(43,145,139)
```
#2fa09a
```
#2fa09a rgb(47,160,154)
```
#33afa9
```
#33afa9 rgb(51,175,169)
```
#38beb7
```
#38beb7 rgb(56,190,183)
```

Shade Color Variation

#42c8c0
```
#42c8c0 rgb(66,200,192)
```
#51ccc6
```
#51ccc6 rgb(81,204,198)
```
#61d0cb
```
#61d0cb rgb(97,208,203)
```
#70d5d0
```
#70d5d0 rgb(112,213,208)
```
#7fd9d5
```
#7fd9d5 rgb(127,217,213)
```
#8ededa
```
#8ededa rgb(142,222,218)
```
#9de2df
```
#9de2df rgb(157,226,223)
```
#ace7e4
```
#ace7e4 rgb(172,231,228)
```
#bcebe9
```
#bcebe9 rgb(188,235,233)
```
#cbf0ee
```
#cbf0ee rgb(203,240,238)
```
#daf4f3
```
#daf4f3 rgb(218,244,243)
```
#e9f9f8
```
#e9f9f8 rgb(233,249,248)
```
#f8fdfd
```
#f8fdfd rgb(248,253,253)
```

Tint Color Variation

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

#676868
```
#676868 rgb(103,104,104)
```
#5f706f
```
#5f706f rgb(95,112,111)
```
#577876
```
#577876 rgb(87,120,118)
```
#4f807e
```
#4f807e rgb(79,128,126)
```
#478885
```
#478885 rgb(71,136,133)
```
#3f908c
```
#3f908c rgb(63,144,140)
```
#379893
```
#379893 rgb(55,152,147)
```
#2fa09a
```
#2fa09a rgb(47,160,154)
```
#27a8a1
```
#27a8a1 rgb(39,168,161)
```
#1fb0a8
```
#1fb0a8 rgb(31,176,168)
```
#17b8af
```
#17b8af rgb(23,184,175)
```
#0fc0b6
```
#0fc0b6 rgb(15,192,182)
```
#07c8be
```
#07c8be rgb(7,200,190)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#6e8584 Atypical Achromatopsia 0.001% of the population

Dichromacy

#989596 Protanopia 1% of men
#9c92a5 Deuteranopia 1% of men
#44a2ae Tritanopia 0.001% of the population

Trichromacy

#729997 Protanomaly 1% of men, 0.01% of women
#7497a1 Deuteranomaly 6% of men, 0.4% of women
#3ca1a7 Tritanomaly 0.01% of the population

#2fa09a hex color

#2fa09a Color Information

#2fa09a Color Conversion

Color Schemes with #2fa09a

Alternatives to #2fa09a

#2fa09a Preview

Shades and Tints of #2fa09a

Tones of #2fa09a

Color Blindness Simulator