#2fc3af hex color

In a RGB color space, hex #2fc3af is composed of 18.4% red, 76.5% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 75.9% cyan, 0% magenta, 10.3% yellow and 23.5% black. It has a hue angle of 171.9 degrees, a saturation of 61.2% and a lightness of 47.5%. #2fc3af color hex could be obtained by blending #5effff with #00875f. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 18
- G 76
- B 69
RGB color chart
- C 76
- M 0
- Y 10
- K 24
CMYK color chart

● #2fc3af color description : Strong cyan.

The hexadecimal color #2fc3af has RGB values of R:47, G:195, B:175 and CMYK values of C:0.76, M:0, Y:0.1, K:0.24. Its decimal value is 3130287.

Hex triplet	2fc3af	`#2fc3af`
RGB Decimal	47, 195, 175	`rgb(47,195,175)`
RGB Percent	18.4, 76.5, 68.6	`rgb(18.4%,76.5%,68.6%)`
CMYK	76, 0, 10, 24
HSL	171.9°, 61.2, 47.5	`hsl(171.9,61.2%,47.5%)`
HSV (or HSB)	171.9°, 75.9, 76.5
Web Safe	33cc99	`#33cc99`

CIE-LAB	71.369, -42.233, -0.839
XYZ	28.423, 42.727, 47.304
xyY	0.24, 0.361, 42.727
CIE-LCH	71.369, 42.242, 181.138
CIE-LUV	71.369, -53.53, 5.272
Hunter-Lab	65.366, -36.774, 2.849
Binary	00101111, 11000011, 10101111

#2fc3af
```
#2fc3af rgb(47,195,175)
```
#c32f43
```
#c32f43 rgb(195,47,67)
```

Complementary Color

#2fc365
```
#2fc365 rgb(47,195,101)
```
#2fc3af
```
#2fc3af rgb(47,195,175)
```
#2f8dc3
```
#2f8dc3 rgb(47,141,195)
```

Analogous Color

#c3652f
```
#c3652f rgb(195,101,47)
```
#2fc3af
```
#2fc3af rgb(47,195,175)
```
#c32f8d
```
#c32f8d rgb(195,47,141)
```

Split Complementary Color

#c3af2f
```
#c3af2f rgb(195,175,47)
```
#2fc3af
```
#2fc3af rgb(47,195,175)
```
#af2fc3
```
#af2fc3 rgb(175,47,195)
```

Triadic Color

#43c32f
```
#43c32f rgb(67,195,47)
```
#2fc3af
```
#2fc3af rgb(47,195,175)
```
#af2fc3
```
#af2fc3 rgb(175,47,195)
```
#c32f43
```
#c32f43 rgb(195,47,67)
```

Tetradic Color

#208578
```
#208578 rgb(32,133,120)
```
#259a8a
```
#259a8a rgb(37,154,138)
```
#2aae9d
```
#2aae9d rgb(42,174,157)
```
#2fc3af
```
#2fc3af rgb(47,195,175)
```
#3cd0bc
```
#3cd0bc rgb(60,208,188)
```
#50d5c3
```
#50d5c3 rgb(80,213,195)
```
#65daca
```
#65daca rgb(101,218,202)
```

Monochromatic Color

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

#2fc38a
```
#2fc38a rgb(47,195,138)
```
#2fc396
```
#2fc396 rgb(47,195,150)
```
#2fc3a3
```
#2fc3a3 rgb(47,195,163)
```
#2fc3af
```
#2fc3af rgb(47,195,175)
```
#2fc3bb
```
#2fc3bb rgb(47,195,187)
```
#2fbec3
```
#2fbec3 rgb(47,190,195)
```
#2fb2c3
```
#2fb2c3 rgb(47,178,195)
```

Similar Colors

Text with hexadecimal color #2fc3af

This text has a font color of #2fc3af.

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

#2fc3af background color

This paragraph has a background color of #2fc3af.

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

#2fc3af border color

This element has a border color of #2fc3af.

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

CSS codes

.text {color:#2fc3af;}

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

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

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 #f5fcfb is the lightest one.

#010505
```
#010505 rgb(1,5,5)
```
#051513
```
#051513 rgb(5,21,19)
```
#092521
```
#092521 rgb(9,37,33)
```
#0d352f
```
#0d352f rgb(13,53,47)
```
#11453e
```
#11453e rgb(17,69,62)
```
#14544c
```
#14544c rgb(20,84,76)
```
#18645a
```
#18645a rgb(24,100,90)
```
#1c7468
```
#1c7468 rgb(28,116,104)
```
#208476
```
#208476 rgb(32,132,118)
```
#249484
```
#249484 rgb(36,148,132)
```
#27a393
```
#27a393 rgb(39,163,147)
```
#2bb3a1
```
#2bb3a1 rgb(43,179,161)
```
#2fc3af
```
#2fc3af rgb(47,195,175)
```

Shade Color Variation

#37cfba
```
#37cfba rgb(55,207,186)
```
#47d3c0
```
#47d3c0 rgb(71,211,192)
```
#56d6c5
```
#56d6c5 rgb(86,214,197)
```
#66dacb
```
#66dacb rgb(102,218,203)
```
#76ded0
```
#76ded0 rgb(118,222,208)
```
#86e2d5
```
#86e2d5 rgb(134,226,213)
```
#96e6db
```
#96e6db rgb(150,230,219)
```
#a5e9e0
```
#a5e9e0 rgb(165,233,224)
```
#b5ede6
```
#b5ede6 rgb(181,237,230)
```
#c5f1eb
```
#c5f1eb rgb(197,241,235)
```
#d5f5f1
```
#d5f5f1 rgb(213,245,241)
```
#e5f9f6
```
#e5f9f6 rgb(229,249,246)
```
#f5fcfb
```
#f5fcfb rgb(245,252,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #70827f is the less saturated color, while #00f2d1 is the most saturated one.

#70827f
```
#70827f rgb(112,130,127)
```
#678b86
```
#678b86 rgb(103,139,134)
```
#5e948d
```
#5e948d rgb(94,148,141)
```
#549e94
```
#549e94 rgb(84,158,148)
```
#4ba79b
```
#4ba79b rgb(75,167,155)
```
#42b0a1
```
#42b0a1 rgb(66,176,161)
```
#38baa8
```
#38baa8 rgb(56,186,168)
```
#2fc3af
```
#2fc3af rgb(47,195,175)
```
#26ccb6
```
#26ccb6 rgb(38,204,182)
```
#1cd6bd
```
#1cd6bd rgb(28,214,189)
```
#13dfc3
```
#13dfc3 rgb(19,223,195)
```
#0ae8ca
```
#0ae8ca rgb(10,232,202)
```
#00f2d1
```
#00f2d1 rgb(0,242,209)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#809d99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8b2a8 Protanopia 1% of men
#bfaebb Deuteranopia 1% of men
#4fc1cf Tritanopia 0.001% of the population

Trichromacy

#86b8ab Protanomaly 1% of men, 0.01% of women
#8ab5b7 Deuteranomaly 6% of men, 0.4% of women
#43c2c3 Tritanomaly 0.01% of the population

#2fc3af hex color

#2fc3af Color Information

#2fc3af Color Conversion

Color Schemes with #2fc3af

Alternatives to #2fc3af

#2fc3af Preview

Shades and Tints of #2fc3af

Tones of #2fc3af

Color Blindness Simulator