#2fa1a8 hex color

In a RGB color space, hex #2fa1a8 is composed of 18.4% red, 63.1% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 72% cyan, 4.2% magenta, 0% yellow and 34.1% black. It has a hue angle of 183.5 degrees, a saturation of 56.3% and a lightness of 42.2%. #2fa1a8 color hex could be obtained by blending #5effff with #004351. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 18
- G 63
- B 66
RGB color chart
- C 72
- M 4
- Y 0
- K 34
CMYK color chart

● #2fa1a8 color description : Dark cyan.

The hexadecimal color #2fa1a8 has RGB values of R:47, G:161, B:168 and CMYK values of C:0.72, M:0.04, Y:0, K:0.34. Its decimal value is 3121576.

Hex triplet	2fa1a8	`#2fa1a8`
RGB Decimal	47, 161, 168	`rgb(47,161,168)`
RGB Percent	18.4, 63.1, 65.9	`rgb(18.4%,63.1%,65.9%)`
CMYK	72, 4, 0, 34
HSL	183.5°, 56.3, 42.2	`hsl(183.5,56.3%,42.2%)`
HSV (or HSB)	183.5°, 72, 65.9
Web Safe	339999	`#339999`

CIE-LAB	60.71, -28.459, -12.772
XYZ	20.983, 28.919, 41.52
xyY	0.23, 0.316, 28.919
CIE-LCH	60.71, 31.193, 204.17
CIE-LUV	60.71, -41.8, -15.051
Hunter-Lab	53.777, -24.461, -8.133
Binary	00101111, 10100001, 10101000

#2fa1a8
```
#2fa1a8 rgb(47,161,168)
```
#a8362f
```
#a8362f rgb(168,54,47)
```

Complementary Color

#2fa873
```
#2fa873 rgb(47,168,115)
```
#2fa1a8
```
#2fa1a8 rgb(47,161,168)
```
#2f65a8
```
#2f65a8 rgb(47,101,168)
```

Analogous Color

#a8732f
```
#a8732f rgb(168,115,47)
```
#2fa1a8
```
#2fa1a8 rgb(47,161,168)
```
#a82f65
```
#a82f65 rgb(168,47,101)
```

Split Complementary Color

#a1a82f
```
#a1a82f rgb(161,168,47)
```
#2fa1a8
```
#2fa1a8 rgb(47,161,168)
```
#a82fa1
```
#a82fa1 rgb(168,47,161)
```

Triadic Color

#2fa836
```
#2fa836 rgb(47,168,54)
```
#2fa1a8
```
#2fa1a8 rgb(47,161,168)
```
#a82fa1
```
#a82fa1 rgb(168,47,161)
```
#a8362f
```
#a8362f rgb(168,54,47)
```

Tetradic Color

#1e686c
```
#1e686c rgb(30,104,108)
```
#247b80
```
#247b80 rgb(36,123,128)
```
#298e94
```
#298e94 rgb(41,142,148)
```
#2fa1a8
```
#2fa1a8 rgb(47,161,168)
```
#35b4bc
```
#35b4bc rgb(53,180,188)
```
#40c2ca
```
#40c2ca rgb(64,194,202)
```
#54c8cf
```
#54c8cf rgb(84,200,207)
```

Monochromatic Color

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

#2fa891
```
#2fa891 rgb(47,168,145)
```
#2fa89b
```
#2fa89b rgb(47,168,155)
```
#2fa8a5
```
#2fa8a5 rgb(47,168,165)
```
#2fa1a8
```
#2fa1a8 rgb(47,161,168)
```
#2f97a8
```
#2f97a8 rgb(47,151,168)
```
#2f8da8
```
#2f8da8 rgb(47,141,168)
```
#2f83a8
```
#2f83a8 rgb(47,131,168)
```

Similar Colors

Text with hexadecimal color #2fa1a8

This text has a font color of #2fa1a8.

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

#2fa1a8 background color

This paragraph has a background color of #2fa1a8.

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

#2fa1a8 border color

This element has a border color of #2fa1a8.

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

CSS codes

.text {color:#2fa1a8;}

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

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

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

#040e0f
```
#040e0f rgb(4,14,15)
```
#081d1e
```
#081d1e rgb(8,29,30)
```
#0d2b2d
```
#0d2b2d rgb(13,43,45)
```
#113a3d
```
#113a3d rgb(17,58,61)
```
#15494c
```
#15494c rgb(21,73,76)
```
#1a585b
```
#1a585b rgb(26,88,91)
```
#1e666b
```
#1e666b rgb(30,102,107)
```
#22757a
```
#22757a rgb(34,117,122)
```
#268489
```
#268489 rgb(38,132,137)
```
#2b9299
```
#2b9299 rgb(43,146,153)
```
#2fa1a8
```
#2fa1a8 rgb(47,161,168)
```
#33b0b7
```
#33b0b7 rgb(51,176,183)
```
#38bec7
```
#38bec7 rgb(56,190,199)
```

Shade Color Variation

#46c4cb
```
#46c4cb rgb(70,196,203)
```
#56c9d0
```
#56c9d0 rgb(86,201,208)
```
#65ced4
```
#65ced4 rgb(101,206,212)
```
#74d2d8
```
#74d2d8 rgb(116,210,216)
```
#84d7dd
```
#84d7dd rgb(132,215,221)
```
#93dce1
```
#93dce1 rgb(147,220,225)
```
#a2e1e5
```
#a2e1e5 rgb(162,225,229)
```
#b2e6e9
```
#b2e6e9 rgb(178,230,233)
```
#c1ebee
```
#c1ebee rgb(193,235,238)
```
#d0f0f2
```
#d0f0f2 rgb(208,240,242)
```
#e0f5f6
```
#e0f5f6 rgb(224,245,246)
```
#effafb
```
#effafb rgb(239,250,251)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#696e6e
```
#696e6e rgb(105,110,110)
```
#617576
```
#617576 rgb(97,117,118)
```
#587c7f
```
#587c7f rgb(88,124,127)
```
#508487
```
#508487 rgb(80,132,135)
```
#488b8f
```
#488b8f rgb(72,139,143)
```
#409297
```
#409297 rgb(64,146,151)
```
#379aa0
```
#379aa0 rgb(55,154,160)
```
#2fa1a8
```
#2fa1a8 rgb(47,161,168)
```
#27a8b0
```
#27a8b0 rgb(39,168,176)
```
#1eb0b9
```
#1eb0b9 rgb(30,176,185)
```
#16b7c1
```
#16b7c1 rgb(22,183,193)
```
#0ebec9
```
#0ebec9 rgb(14,190,201)
```
#06c6d1
```
#06c6d1 rgb(6,198,209)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#708788 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9697a3 Protanopia 1% of men
#9894b2 Deuteranopia 1% of men
#3da5b1 Tritanopia 0.001% of the population

Trichromacy

#719aa5 Protanomaly 1% of men, 0.01% of women
#7299ae Deuteranomaly 6% of men, 0.4% of women
#38a3ad Tritanomaly 0.01% of the population

#2fa1a8 hex color

#2fa1a8 Color Information

#2fa1a8 Color Conversion

Color Schemes with #2fa1a8

Alternatives to #2fa1a8

#2fa1a8 Preview

Shades and Tints of #2fa1a8

Tones of #2fa1a8

Color Blindness Simulator