#2fb293 hex color

In a RGB color space, hex #2fb293 is composed of 18.4% red, 69.8% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 73.6% cyan, 0% magenta, 17.4% yellow and 30.2% black. It has a hue angle of 165.8 degrees, a saturation of 58.2% and a lightness of 44.1%. #2fb293 color hex could be obtained by blending #5effff with #006527. Closest websafe color is: #339999.

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

● #2fb293 color description : Dark cyan.

The hexadecimal color #2fb293 has RGB values of R:47, G:178, B:147 and CMYK values of C:0.74, M:0, Y:0.17, K:0.3. Its decimal value is 3125907.

Hex triplet	2fb293	`#2fb293`
RGB Decimal	47, 178, 147	`rgb(47,178,147)`
RGB Percent	18.4, 69.8, 57.6	`rgb(18.4%,69.8%,57.6%)`
CMYK	74, 0, 17, 30
HSL	165.8°, 58.2, 44.1	`hsl(165.8,58.2%,44.1%)`
HSV (or HSB)	165.8°, 73.6, 69.8
Web Safe	339999	`#339999`

CIE-LAB	65.396, -42.199, 5.87
XYZ	22.357, 34.55, 33.093
xyY	0.248, 0.384, 34.55
CIE-LCH	65.396, 42.605, 172.08
CIE-LUV	65.396, -49.378, 14.971
Hunter-Lab	58.779, -34.969, 7.765
Binary	00101111, 10110010, 10010011

#2fb293
```
#2fb293 rgb(47,178,147)
```
#b22f4e
```
#b22f4e rgb(178,47,78)
```

Complementary Color

#2fb252
```
#2fb252 rgb(47,178,82)
```
#2fb293
```
#2fb293 rgb(47,178,147)
```
#2f90b2
```
#2f90b2 rgb(47,144,178)
```

Analogous Color

#b2522f
```
#b2522f rgb(178,82,47)
```
#2fb293
```
#2fb293 rgb(47,178,147)
```
#b22f90
```
#b22f90 rgb(178,47,144)
```

Split Complementary Color

#b2932f
```
#b2932f rgb(178,147,47)
```
#2fb293
```
#2fb293 rgb(47,178,147)
```
#932fb2
```
#932fb2 rgb(147,47,178)
```

Triadic Color

#4eb22f
```
#4eb22f rgb(78,178,47)
```
#2fb293
```
#2fb293 rgb(47,178,147)
```
#932fb2
```
#932fb2 rgb(147,47,178)
```
#b22f4e
```
#b22f4e rgb(178,47,78)
```

Tetradic Color

#1f7561
```
#1f7561 rgb(31,117,97)
```
#248a72
```
#248a72 rgb(36,138,114)
```
#2a9e82
```
#2a9e82 rgb(42,158,130)
```
#2fb293
```
#2fb293 rgb(47,178,147)
```
#34c6a4
```
#34c6a4 rgb(52,198,164)
```
#46ceae
```
#46ceae rgb(70,206,174)
```
#5ad3b7
```
#5ad3b7 rgb(90,211,183)
```

Monochromatic Color

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

#2fb272
```
#2fb272 rgb(47,178,114)
```
#2fb27d
```
#2fb27d rgb(47,178,125)
```
#2fb288
```
#2fb288 rgb(47,178,136)
```
#2fb293
```
#2fb293 rgb(47,178,147)
```
#2fb29e
```
#2fb29e rgb(47,178,158)
```
#2fb2a9
```
#2fb2a9 rgb(47,178,169)
```
#2fb0b2
```
#2fb0b2 rgb(47,176,178)
```

Similar Colors

Text with hexadecimal color #2fb293

This text has a font color of #2fb293.

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

#2fb293 background color

This paragraph has a background color of #2fb293.

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

#2fb293 border color

This element has a border color of #2fb293.

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

CSS codes

.text {color:#2fb293;}

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

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

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

#020706
```
#020706 rgb(2,7,6)
```
#061713
```
#061713 rgb(6,23,19)
```
#0a2620
```
#0a2620 rgb(10,38,32)
```
#0e362c
```
#0e362c rgb(14,54,44)
```
#124539
```
#124539 rgb(18,69,57)
```
#165546
```
#165546 rgb(22,85,70)
```
#1b6453
```
#1b6453 rgb(27,100,83)
```
#1f7460
```
#1f7460 rgb(31,116,96)
```
#23836d
```
#23836d rgb(35,131,109)
```
#279379
```
#279379 rgb(39,147,121)
```
#2ba286
```
#2ba286 rgb(43,162,134)
```
#2fb293
```
#2fb293 rgb(47,178,147)
```
#33c2a0
```
#33c2a0 rgb(51,194,160)
```

Shade Color Variation

#3dccaa
```
#3dccaa rgb(61,204,170)
```
#4cd0b1
```
#4cd0b1 rgb(76,208,177)
```
#5cd4b7
```
#5cd4b7 rgb(92,212,183)
```
#6bd8be
```
#6bd8be rgb(107,216,190)
```
#7bdcc5
```
#7bdcc5 rgb(123,220,197)
```
#8ae0cc
```
#8ae0cc rgb(138,224,204)
```
#9ae4d3
```
#9ae4d3 rgb(154,228,211)
```
#a9e8d9
```
#a9e8d9 rgb(169,232,217)
```
#b9ece0
```
#b9ece0 rgb(185,236,224)
```
#c8f1e7
```
#c8f1e7 rgb(200,241,231)
```
#d8f5ee
```
#d8f5ee rgb(216,245,238)
```
#e7f9f5
```
#e7f9f5 rgb(231,249,245)
```
#f7fdfb
```
#f7fdfb rgb(247,253,251)
```

Tint Color Variation

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

#6c7573
```
#6c7573 rgb(108,117,115)
```
#637e78
```
#637e78 rgb(99,126,120)
```
#5a877c
```
#5a877c rgb(90,135,124)
```
#528f81
```
#528f81 rgb(82,143,129)
```
#499885
```
#499885 rgb(73,152,133)
```
#40a18a
```
#40a18a rgb(64,161,138)
```
#38a98e
```
#38a98e rgb(56,169,142)
```
#2fb293
```
#2fb293 rgb(47,178,147)
```
#26bb98
```
#26bb98 rgb(38,187,152)
```
#1ec39c
```
#1ec39c rgb(30,195,156)
```
#15cca1
```
#15cca1 rgb(21,204,161)
```
#0cd5a5
```
#0cd5a5 rgb(12,213,165)
```
#04ddaa
```
#04ddaa rgb(4,221,170)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#759089 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aba38f Protanopia 1% of men
#b39ea0 Deuteranopia 1% of men
#50b0bd Tritanopia 0.001% of the population

Trichromacy

#7ea890 Protanomaly 1% of men, 0.01% of women
#83a59b Deuteranomaly 6% of men, 0.4% of women
#44b1ae Tritanomaly 0.01% of the population

#2fb293 hex color

#2fb293 Color Information

#2fb293 Color Conversion

Color Schemes with #2fb293

Alternatives to #2fb293

#2fb293 Preview

Shades and Tints of #2fb293

Tones of #2fb293

Color Blindness Simulator