#2fbea2 hex color

In a RGB color space, hex #2fbea2 is composed of 18.4% red, 74.5% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 75.3% cyan, 0% magenta, 14.7% yellow and 25.5% black. It has a hue angle of 168.3 degrees, a saturation of 60.3% and a lightness of 46.5%. #2fbea2 color hex could be obtained by blending #5effff with #007d45. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 18
- G 75
- B 64
RGB color chart
- C 75
- M 0
- Y 15
- K 25
CMYK color chart

● #2fbea2 color description : Strong cyan.

The hexadecimal color #2fbea2 has RGB values of R:47, G:190, B:162 and CMYK values of C:0.75, M:0, Y:0.15, K:0.25. Its decimal value is 3128994.

Hex triplet	2fbea2	`#2fbea2`
RGB Decimal	47, 190, 162	`rgb(47,190,162)`
RGB Percent	18.4, 74.5, 63.5	`rgb(18.4%,74.5%,63.5%)`
CMYK	75, 0, 15, 25
HSL	168.3°, 60.3, 46.5	`hsl(168.3,60.3%,46.5%)`
HSV (or HSB)	168.3°, 75.3, 74.5
Web Safe	33cc99	`#33cc99`

CIE-LAB	69.496, -43.506, 3.535
XYZ	26.105, 40.037, 40.533
xyY	0.245, 0.375, 40.037
CIE-LCH	69.496, 43.65, 175.355
CIE-LUV	69.496, -52.662, 11.95
Hunter-Lab	63.275, -37.089, 6.313
Binary	00101111, 10111110, 10100010

#2fbea2
```
#2fbea2 rgb(47,190,162)
```
#be2f4b
```
#be2f4b rgb(190,47,75)
```

Complementary Color

#2fbe5b
```
#2fbe5b rgb(47,190,91)
```
#2fbea2
```
#2fbea2 rgb(47,190,162)
```
#2f93be
```
#2f93be rgb(47,147,190)
```

Analogous Color

#be5b2f
```
#be5b2f rgb(190,91,47)
```
#2fbea2
```
#2fbea2 rgb(47,190,162)
```
#be2f93
```
#be2f93 rgb(190,47,147)
```

Split Complementary Color

#bea22f
```
#bea22f rgb(190,162,47)
```
#2fbea2
```
#2fbea2 rgb(47,190,162)
```
#a22fbe
```
#a22fbe rgb(162,47,190)
```

Triadic Color

#4bbe2f
```
#4bbe2f rgb(75,190,47)
```
#2fbea2
```
#2fbea2 rgb(47,190,162)
```
#a22fbe
```
#a22fbe rgb(162,47,190)
```
#be2f4b
```
#be2f4b rgb(190,47,75)
```

Tetradic Color

#20816e
```
#20816e rgb(32,129,110)
```
#25957f
```
#25957f rgb(37,149,127)
```
#2aaa91
```
#2aaa91 rgb(42,170,145)
```
#2fbea2
```
#2fbea2 rgb(47,190,162)
```
#39ceb1
```
#39ceb1 rgb(57,206,177)
```
#4dd3b9
```
#4dd3b9 rgb(77,211,185)
```
#61d8c1
```
#61d8c1 rgb(97,216,193)
```

Monochromatic Color

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

#2fbe7e
```
#2fbe7e rgb(47,190,126)
```
#2fbe8a
```
#2fbe8a rgb(47,190,138)
```
#2fbe96
```
#2fbe96 rgb(47,190,150)
```
#2fbea2
```
#2fbea2 rgb(47,190,162)
```
#2fbeae
```
#2fbeae rgb(47,190,174)
```
#2fbeba
```
#2fbeba rgb(47,190,186)
```
#2fb6be
```
#2fb6be rgb(47,182,190)
```

Similar Colors

Text with hexadecimal color #2fbea2

This text has a font color of #2fbea2.

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

#2fbea2 background color

This paragraph has a background color of #2fbea2.

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

#2fbea2 border color

This element has a border color of #2fbea2.

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

CSS codes

.text {color:#2fbea2;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#04110f
```
#04110f rgb(4,17,15)
```
#08211c
```
#08211c rgb(8,33,28)
```
#0c3029
```
#0c3029 rgb(12,48,41)
```
#104037
```
#104037 rgb(16,64,55)
```
#145044
```
#145044 rgb(20,80,68)
```
#186052
```
#186052 rgb(24,96,82)
```
#1c6f5f
```
#1c6f5f rgb(28,111,95)
```
#1f7f6c
```
#1f7f6c rgb(31,127,108)
```
#238f7a
```
#238f7a rgb(35,143,122)
```
#279f87
```
#279f87 rgb(39,159,135)
```
#2bae95
```
#2bae95 rgb(43,174,149)
```
#2fbea2
```
#2fbea2 rgb(47,190,162)
```

Shade Color Variation

#34cdaf
```
#34cdaf rgb(52,205,175)
```
#44d1b5
```
#44d1b5 rgb(68,209,181)
```
#53d5bb
```
#53d5bb rgb(83,213,187)
```
#63d8c1
```
#63d8c1 rgb(99,216,193)
```
#73dcc8
```
#73dcc8 rgb(115,220,200)
```
#82e0ce
```
#82e0ce rgb(130,224,206)
```
#92e4d4
```
#92e4d4 rgb(146,228,212)
```
#a2e8da
```
#a2e8da rgb(162,232,218)
```
#b2ece0
```
#b2ece0 rgb(178,236,224)
```
#c1f0e7
```
#c1f0e7 rgb(193,240,231)
```
#d1f4ed
```
#d1f4ed rgb(209,244,237)
```
#e1f8f3
```
#e1f8f3 rgb(225,248,243)
```
#f1fbf9
```
#f1fbf9 rgb(241,251,249)
```

Tint Color Variation

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

#6f7e7b
```
#6f7e7b rgb(111,126,123)
```
#668781
```
#668781 rgb(102,135,129)
```
#5d9086
```
#5d9086 rgb(93,144,134)
```
#539a8c
```
#539a8c rgb(83,154,140)
```
#4aa391
```
#4aa391 rgb(74,163,145)
```
#41ac97
```
#41ac97 rgb(65,172,151)
```
#38b59c
```
#38b59c rgb(56,181,156)
```
#2fbea2
```
#2fbea2 rgb(47,190,162)
```
#26c7a8
```
#26c7a8 rgb(38,199,168)
```
#1dd0ad
```
#1dd0ad rgb(29,208,173)
```
#14d9b3
```
#14d9b3 rgb(20,217,179)
```
#0be2b8
```
#0be2b8 rgb(11,226,184)
```
#01ecbe
```
#01ecbe rgb(1,236,190)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#7d9994 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5ad9d Protanopia 1% of men
#bda9af Deuteranopia 1% of men
#51bcca Tritanopia 0.001% of the population

Trichromacy

#84b39e Protanomaly 1% of men, 0.01% of women
#89b0aa Deuteranomaly 6% of men, 0.4% of women
#45bcbb Tritanomaly 0.01% of the population

#2fbea2 hex color

#2fbea2 Color Information

#2fbea2 Color Conversion

Color Schemes with #2fbea2

Alternatives to #2fbea2

#2fbea2 Preview

Shades and Tints of #2fbea2

Tones of #2fbea2

Color Blindness Simulator