#2fa1a0 hex color

In a RGB color space, hex #2fa1a0 is composed of 18.4% red, 63.1% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 70.8% cyan, 0% magenta, 0.6% yellow and 36.9% black. It has a hue angle of 179.5 degrees, a saturation of 54.8% and a lightness of 40.8%. #2fa1a0 color hex could be obtained by blending #5effff with #004341. Closest websafe color is: #339999.

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

● #2fa1a0 color description : Dark cyan.

The hexadecimal color #2fa1a0 has RGB values of R:47, G:161, B:160 and CMYK values of C:0.71, M:0, Y:0.01, K:0.37. Its decimal value is 3121568.

Hex triplet	2fa1a0	`#2fa1a0`
RGB Decimal	47, 161, 160	`rgb(47,161,160)`
RGB Percent	18.4, 63.1, 62.7	`rgb(18.4%,63.1%,62.7%)`
CMYK	71, 0, 1, 37
HSL	179.5°, 54.8, 40.8	`hsl(179.5,54.8%,40.8%)`
HSV (or HSB)	179.5°, 70.8, 63.1
Web Safe	339999	`#339999`

CIE-LAB	60.454, -30.863, -8.64
XYZ	20.26, 28.63, 37.714
xyY	0.234, 0.331, 28.63
CIE-LCH	60.454, 32.049, 195.64
CIE-LUV	60.454, -42.327, -8.285
Hunter-Lab	53.507, -26.049, -4.335
Binary	00101111, 10100001, 10100000

#2fa1a0
```
#2fa1a0 rgb(47,161,160)
```
#a12f30
```
#a12f30 rgb(161,47,48)
```

Complementary Color

#2fa167
```
#2fa167 rgb(47,161,103)
```
#2fa1a0
```
#2fa1a0 rgb(47,161,160)
```
#2f69a1
```
#2f69a1 rgb(47,105,161)
```

Analogous Color

#a1672f
```
#a1672f rgb(161,103,47)
```
#2fa1a0
```
#2fa1a0 rgb(47,161,160)
```
#a12f69
```
#a12f69 rgb(161,47,105)
```

Split Complementary Color

#a1a02f
```
#a1a02f rgb(161,160,47)
```
#2fa1a0
```
#2fa1a0 rgb(47,161,160)
```
#a02fa1
```
#a02fa1 rgb(160,47,161)
```

Triadic Color

#30a12f
```
#30a12f rgb(48,161,47)
```
#2fa1a0
```
#2fa1a0 rgb(47,161,160)
```
#a02fa1
```
#a02fa1 rgb(160,47,161)
```
#a12f30
```
#a12f30 rgb(161,47,48)
```

Tetradic Color

#1e6665
```
#1e6665 rgb(30,102,101)
```
#237a79
```
#237a79 rgb(35,122,121)
```
#298d8c
```
#298d8c rgb(41,141,140)
```
#2fa1a0
```
#2fa1a0 rgb(47,161,160)
```
#35b5b4
```
#35b5b4 rgb(53,181,180)
```
#3dc6c5
```
#3dc6c5 rgb(61,198,197)
```
#50cccb
```
#50cccb rgb(80,204,203)
```

Monochromatic Color

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

#2fa184
```
#2fa184 rgb(47,161,132)
```
#2fa18d
```
#2fa18d rgb(47,161,141)
```
#2fa197
```
#2fa197 rgb(47,161,151)
```
#2fa1a0
```
#2fa1a0 rgb(47,161,160)
```
#2f99a1
```
#2f99a1 rgb(47,153,161)
```
#2f8fa1
```
#2f8fa1 rgb(47,143,161)
```
#2f86a1
```
#2f86a1 rgb(47,134,161)
```

Similar Colors

Text with hexadecimal color #2fa1a0

This text has a font color of #2fa1a0.

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

#2fa1a0 background color

This paragraph has a background color of #2fa1a0.

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

#2fa1a0 border color

This element has a border color of #2fa1a0.

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

CSS codes

.text {color:#2fa1a0;}

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

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

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

#030909
```
#030909 rgb(3,9,9)
```
#071818
```
#071818 rgb(7,24,24)
```
#0c2827
```
#0c2827 rgb(12,40,39)
```
#103736
```
#103736 rgb(16,55,54)
```
#144645
```
#144645 rgb(20,70,69)
```
#195555
```
#195555 rgb(25,85,85)
```
#1d6464
```
#1d6464 rgb(29,100,100)
```
#227373
```
#227373 rgb(34,115,115)
```
#268382
```
#268382 rgb(38,131,130)
```
#2b9291
```
#2b9291 rgb(43,146,145)
```
#2fa1a0
```
#2fa1a0 rgb(47,161,160)
```
#33b0af
```
#33b0af rgb(51,176,175)
```
#38bfbe
```
#38bfbe rgb(56,191,190)
```

Shade Color Variation

#43c8c7
```
#43c8c7 rgb(67,200,199)
```
#52cccb
```
#52cccb rgb(82,204,203)
```
#61d1d0
```
#61d1d0 rgb(97,209,208)
```
#70d5d4
```
#70d5d4 rgb(112,213,212)
```
#80dad9
```
#80dad9 rgb(128,218,217)
```
#8fdede
```
#8fdede rgb(143,222,222)
```
#9ee3e2
```
#9ee3e2 rgb(158,227,226)
```
#ade7e7
```
#ade7e7 rgb(173,231,231)
```
#bceceb
```
#bceceb rgb(188,236,235)
```
#cbf0f0
```
#cbf0f0 rgb(203,240,240)
```
#dbf4f4
```
#dbf4f4 rgb(219,244,244)
```
#eaf9f9
```
#eaf9f9 rgb(234,249,249)
```
#f9fdfd
```
#f9fdfd rgb(249,253,253)
```

Tint Color Variation

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

#676969
```
#676969 rgb(103,105,105)
```
#5f7171
```
#5f7171 rgb(95,113,113)
```
#577979
```
#577979 rgb(87,121,121)
```
#4f8181
```
#4f8181 rgb(79,129,129)
```
#478988
```
#478988 rgb(71,137,136)
```
#3f9190
```
#3f9190 rgb(63,145,144)
```
#379998
```
#379998 rgb(55,153,152)
```
#2fa1a0
```
#2fa1a0 rgb(47,161,160)
```
#27a9a8
```
#27a9a8 rgb(39,169,168)
```
#1fb1b0
```
#1fb1b0 rgb(31,177,176)
```
#17b9b8
```
#17b9b8 rgb(23,185,184)
```
#0fc1bf
```
#0fc1bf rgb(15,193,191)
```
#07c9c7
```
#07c9c7 rgb(7,201,199)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#6f8686 Atypical Achromatopsia 0.001% of the population

Dichromacy

#98969c Protanopia 1% of men
#9b93ab Deuteranopia 1% of men
#41a4b0 Tritanopia 0.001% of the population

Trichromacy

#729a9d Protanomaly 1% of men, 0.01% of women
#7498a7 Deuteranomaly 6% of men, 0.4% of women
#3ba2aa Tritanomaly 0.01% of the population

#2fa1a0 hex color

#2fa1a0 Color Information

#2fa1a0 Color Conversion

Color Schemes with #2fa1a0

Alternatives to #2fa1a0

#2fa1a0 Preview

Shades and Tints of #2fa1a0

Tones of #2fa1a0

Color Blindness Simulator