#2fb3a9 hex color

In a RGB color space, hex #2fb3a9 is composed of 18.4% red, 70.2% green and 66.3% blue. Whereas in a CMYK color space, it is composed of 73.7% cyan, 0% magenta, 5.6% yellow and 29.8% black. It has a hue angle of 175.5 degrees, a saturation of 58.4% and a lightness of 44.3%. #2fb3a9 color hex could be obtained by blending #5effff with #006753. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 18
- G 70
- B 66
RGB color chart
- C 74
- M 0
- Y 6
- K 30
CMYK color chart

● #2fb3a9 color description : Moderate cyan.

The hexadecimal color #2fb3a9 has RGB values of R:47, G:179, B:169 and CMYK values of C:0.74, M:0, Y:0.06, K:0.3. Its decimal value is 3126185.

Hex triplet	2fb3a9	`#2fb3a9`
RGB Decimal	47, 179, 169	`rgb(47,179,169)`
RGB Percent	18.4, 70.2, 66.3	`rgb(18.4%,70.2%,66.3%)`
CMYK	74, 0, 6, 30
HSL	175.5°, 58.4, 44.3	`hsl(175.5,58.4%,44.3%)`
HSV (or HSB)	175.5°, 73.7, 70.2
Web Safe	33cc99	`#33cc99`

CIE-LAB	66.295, -36.722, -5.002
XYZ	24.452, 35.707, 43.137
xyY	0.237, 0.346, 35.707
CIE-LCH	66.295, 37.061, 187.757
CIE-LUV	66.295, -48.248, -1.926
Hunter-Lab	59.755, -31.53, -0.973
Binary	00101111, 10110011, 10101001

#2fb3a9
```
#2fb3a9 rgb(47,179,169)
```
#b32f39
```
#b32f39 rgb(179,47,57)
```

Complementary Color

#2fb367
```
#2fb367 rgb(47,179,103)
```
#2fb3a9
```
#2fb3a9 rgb(47,179,169)
```
#2f7bb3
```
#2f7bb3 rgb(47,123,179)
```

Analogous Color

#b3672f
```
#b3672f rgb(179,103,47)
```
#2fb3a9
```
#2fb3a9 rgb(47,179,169)
```
#b32f7b
```
#b32f7b rgb(179,47,123)
```

Split Complementary Color

#b3a92f
```
#b3a92f rgb(179,169,47)
```
#2fb3a9
```
#2fb3a9 rgb(47,179,169)
```
#a92fb3
```
#a92fb3 rgb(169,47,179)
```

Triadic Color

#39b32f
```
#39b32f rgb(57,179,47)
```
#2fb3a9
```
#2fb3a9 rgb(47,179,169)
```
#a92fb3
```
#a92fb3 rgb(169,47,179)
```
#b32f39
```
#b32f39 rgb(179,47,57)
```

Tetradic Color

#1f7670
```
#1f7670 rgb(31,118,112)
```
#248b83
```
#248b83 rgb(36,139,131)
```
#2a9f96
```
#2a9f96 rgb(42,159,150)
```
#2fb3a9
```
#2fb3a9 rgb(47,179,169)
```
#34c7bc
```
#34c7bc rgb(52,199,188)
```
#46cfc4
```
#46cfc4 rgb(70,207,196)
```
#5bd4cb
```
#5bd4cb rgb(91,212,203)
```

Monochromatic Color

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

#2fb388
```
#2fb388 rgb(47,179,136)
```
#2fb393
```
#2fb393 rgb(47,179,147)
```
#2fb39e
```
#2fb39e rgb(47,179,158)
```
#2fb3a9
```
#2fb3a9 rgb(47,179,169)
```
#2fb2b3
```
#2fb2b3 rgb(47,178,179)
```
#2fa7b3
```
#2fa7b3 rgb(47,167,179)
```
#2f9cb3
```
#2f9cb3 rgb(47,156,179)
```

Similar Colors

Text with hexadecimal color #2fb3a9

This text has a font color of #2fb3a9.

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

#2fb3a9 background color

This paragraph has a background color of #2fb3a9.

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

#2fb3a9 border color

This element has a border color of #2fb3a9.

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

CSS codes

.text {color:#2fb3a9;}

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

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

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)
```
#061816
```
#061816 rgb(6,24,22)
```
#0a2725
```
#0a2725 rgb(10,39,37)
```
#0e3734
```
#0e3734 rgb(14,55,52)
```
#124642
```
#124642 rgb(18,70,66)
```
#175651
```
#175651 rgb(23,86,81)
```
#1b6560
```
#1b6560 rgb(27,101,96)
```
#1f756e
```
#1f756e rgb(31,117,110)
```
#23847d
```
#23847d rgb(35,132,125)
```
#27948c
```
#27948c rgb(39,148,140)
```
#2ba39a
```
#2ba39a rgb(43,163,154)
```
#2fb3a9
```
#2fb3a9 rgb(47,179,169)
```
#33c3b8
```
#33c3b8 rgb(51,195,184)
```

Shade Color Variation

#3dccc1
```
#3dccc1 rgb(61,204,193)
```
#4dd0c6
```
#4dd0c6 rgb(77,208,198)
```
#5cd4cb
```
#5cd4cb rgb(92,212,203)
```
#6cd8d0
```
#6cd8d0 rgb(108,216,208)
```
#7bdcd5
```
#7bdcd5 rgb(123,220,213)
```
#8be0da
```
#8be0da rgb(139,224,218)
```
#9ae5df
```
#9ae5df rgb(154,229,223)
```
#aae9e4
```
#aae9e4 rgb(170,233,228)
```
#b9ede9
```
#b9ede9 rgb(185,237,233)
```
#c9f1ee
```
#c9f1ee rgb(201,241,238)
```
#d8f5f3
```
#d8f5f3 rgb(216,245,243)
```
#e8f9f8
```
#e8f9f8 rgb(232,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, #6c7675 is the less saturated color, while #04dece is the most saturated one.

#6c7675
```
#6c7675 rgb(108,118,117)
```
#637f7d
```
#637f7d rgb(99,127,125)
```
#5a8884
```
#5a8884 rgb(90,136,132)
```
#52908b
```
#52908b rgb(82,144,139)
```
#499993
```
#499993 rgb(73,153,147)
```
#40a29a
```
#40a29a rgb(64,162,154)
```
#38aaa2
```
#38aaa2 rgb(56,170,162)
```
#2fb3a9
```
#2fb3a9 rgb(47,179,169)
```
#26bcb0
```
#26bcb0 rgb(38,188,176)
```
#1ec4b8
```
#1ec4b8 rgb(30,196,184)
```
#15cdbf
```
#15cdbf rgb(21,205,191)
```
#0cd6c7
```
#0cd6c7 rgb(12,214,199)
```
#04dece
```
#04dece rgb(4,222,206)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#789290 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9a5a3 Protanopia 1% of men
#aea1b5 Deuteranopia 1% of men
#48b3c1 Tritanopia 0.001% of the population

Trichromacy

#7caaa5 Protanomaly 1% of men, 0.01% of women
#7fa8b0 Deuteranomaly 6% of men, 0.4% of women
#3fb3b8 Tritanomaly 0.01% of the population

#2fb3a9 hex color

#2fb3a9 Color Information

#2fb3a9 Color Conversion

Color Schemes with #2fb3a9

Alternatives to #2fb3a9

#2fb3a9 Preview

Shades and Tints of #2fb3a9

Tones of #2fb3a9

Color Blindness Simulator