#2fa9af hex color

In a RGB color space, hex #2fa9af is composed of 18.4% red, 66.3% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 73.1% cyan, 3.4% magenta, 0% yellow and 31.4% black. It has a hue angle of 182.8 degrees, a saturation of 57.7% and a lightness of 43.5%. #2fa9af color hex could be obtained by blending #5effff with #00535f. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 18
- G 66
- B 69
RGB color chart
- C 73
- M 3
- Y 0
- K 31
CMYK color chart

● #2fa9af color description : Dark cyan.

The hexadecimal color #2fa9af has RGB values of R:47, G:169, B:175 and CMYK values of C:0.73, M:0.03, Y:0, K:0.31. Its decimal value is 3123631.

Hex triplet	2fa9af	`#2fa9af`
RGB Decimal	47, 169, 175	`rgb(47,169,175)`
RGB Percent	18.4, 66.3, 68.6	`rgb(18.4%,66.3%,68.6%)`
CMYK	73, 3, 0, 31
HSL	182.8°, 57.7, 43.5	`hsl(182.8,57.7%,43.5%)`
HSV (or HSB)	182.8°, 73.1, 68.6
Web Safe	339999	`#339999`

CIE-LAB	63.403, -30.246, -12.654
XYZ	23.096, 32.073, 45.529
xyY	0.229, 0.319, 32.073
CIE-LCH	63.403, 32.787, 202.703
CIE-LUV	63.403, -44.235, -14.717
Hunter-Lab	56.633, -26.314, -8.021
Binary	00101111, 10101001, 10101111

#2fa9af
```
#2fa9af rgb(47,169,175)
```
#af352f
```
#af352f rgb(175,53,47)
```

Complementary Color

#2faf75
```
#2faf75 rgb(47,175,117)
```
#2fa9af
```
#2fa9af rgb(47,169,175)
```
#2f69af
```
#2f69af rgb(47,105,175)
```

Analogous Color

#af752f
```
#af752f rgb(175,117,47)
```
#2fa9af
```
#2fa9af rgb(47,169,175)
```
#af2f69
```
#af2f69 rgb(175,47,105)
```

Split Complementary Color

#a9af2f
```
#a9af2f rgb(169,175,47)
```
#2fa9af
```
#2fa9af rgb(47,169,175)
```
#af2fa9
```
#af2fa9 rgb(175,47,169)
```

Triadic Color

#2faf35
```
#2faf35 rgb(47,175,53)
```
#2fa9af
```
#2fa9af rgb(47,169,175)
```
#af2fa9
```
#af2fa9 rgb(175,47,169)
```
#af352f
```
#af352f rgb(175,53,47)
```

Tetradic Color

#1f6f73
```
#1f6f73 rgb(31,111,115)
```
#248287
```
#248287 rgb(36,130,135)
```
#2a969b
```
#2a969b rgb(42,150,155)
```
#2fa9af
```
#2fa9af rgb(47,169,175)
```
#34bcc3
```
#34bcc3 rgb(52,188,195)
```
#44c6cd
```
#44c6cd rgb(68,198,205)
```
#58cdd2
```
#58cdd2 rgb(88,205,210)
```

Monochromatic Color

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

#2faf95
```
#2faf95 rgb(47,175,149)
```
#2fafa0
```
#2fafa0 rgb(47,175,160)
```
#2fafaa
```
#2fafaa rgb(47,175,170)
```
#2fa9af
```
#2fa9af rgb(47,169,175)
```
#2f9eaf
```
#2f9eaf rgb(47,158,175)
```
#2f94af
```
#2f94af rgb(47,148,175)
```
#2f89af
```
#2f89af rgb(47,137,175)
```

Similar Colors

Text with hexadecimal color #2fa9af

This text has a font color of #2fa9af.

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

#2fa9af background color

This paragraph has a background color of #2fa9af.

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

#2fa9af border color

This element has a border color of #2fa9af.

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

CSS codes

.text {color:#2fa9af;}

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

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

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

#010505
```
#010505 rgb(1,5,5)
```
#051414
```
#051414 rgb(5,20,20)
```
#0a2324
```
#0a2324 rgb(10,35,36)
```
#0e3233
```
#0e3233 rgb(14,50,51)
```
#124043
```
#124043 rgb(18,64,67)
```
#164f52
```
#164f52 rgb(22,79,82)
```
#1a5e62
```
#1a5e62 rgb(26,94,98)
```
#1e6d71
```
#1e6d71 rgb(30,109,113)
```
#237c81
```
#237c81 rgb(35,124,129)
```
#278b90
```
#278b90 rgb(39,139,144)
```
#2b9aa0
```
#2b9aa0 rgb(43,154,160)
```
#2fa9af
```
#2fa9af rgb(47,169,175)
```
#33b8be
```
#33b8be rgb(51,184,190)
```

Shade Color Variation

#3bc4ca
```
#3bc4ca rgb(59,196,202)
```
#4ac8ce
```
#4ac8ce rgb(74,200,206)
```
#5acdd3
```
#5acdd3 rgb(90,205,211)
```
#69d2d7
```
#69d2d7 rgb(105,210,215)
```
#79d6db
```
#79d6db rgb(121,214,219)
```
#88dbdf
```
#88dbdf rgb(136,219,223)
```
#98e0e3
```
#98e0e3 rgb(152,224,227)
```
#a7e4e7
```
#a7e4e7 rgb(167,228,231)
```
#b7e9ec
```
#b7e9ec rgb(183,233,236)
```
#c6eef0
```
#c6eef0 rgb(198,238,240)
```
#d6f2f4
```
#d6f2f4 rgb(214,242,244)
```
#e5f7f8
```
#e5f7f8 rgb(229,247,248)
```
#f4fcfc
```
#f4fcfc rgb(244,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b7373 is the less saturated color, while #04d0da is the most saturated one.

#6b7373
```
#6b7373 rgb(107,115,115)
```
#627b7c
```
#627b7c rgb(98,123,124)
```
#5a8284
```
#5a8284 rgb(90,130,132)
```
#518a8d
```
#518a8d rgb(81,138,141)
```
#499295
```
#499295 rgb(73,146,149)
```
#409a9e
```
#409a9e rgb(64,154,158)
```
#38a1a6
```
#38a1a6 rgb(56,161,166)
```
#2fa9af
```
#2fa9af rgb(47,169,175)
```
#26b1b8
```
#26b1b8 rgb(38,177,184)
```
#1eb8c0
```
#1eb8c0 rgb(30,184,192)
```
#15c0c9
```
#15c0c9 rgb(21,192,201)
```
#0dc8d1
```
#0dc8d1 rgb(13,200,209)
```
#04d0da
```
#04d0da rgb(4,208,218)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#748c8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d9daa Protanopia 1% of men
#9f9bb9 Deuteranopia 1% of men
#3eacb9 Tritanopia 0.001% of the population

Trichromacy

#75a1ab Protanomaly 1% of men, 0.01% of women
#76a0b5 Deuteranomaly 6% of men, 0.4% of women
#39abb5 Tritanomaly 0.01% of the population

#2fa9af hex color

#2fa9af Color Information

#2fa9af Color Conversion

Color Schemes with #2fa9af

Alternatives to #2fa9af

#2fa9af Preview

Shades and Tints of #2fa9af

Tones of #2fa9af

Color Blindness Simulator