#2fb797 hex color

In a RGB color space, hex #2fb797 is composed of 18.4% red, 71.8% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 74.3% cyan, 0% magenta, 17.5% yellow and 28.2% black. It has a hue angle of 165.9 degrees, a saturation of 59.1% and a lightness of 45.1%. #2fb797 color hex could be obtained by blending #5effff with #006f2f. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 18
- G 72
- B 59
RGB color chart
- C 74
- M 0
- Y 17
- K 28
CMYK color chart

● #2fb797 color description : Moderate cyan.

The hexadecimal color #2fb797 has RGB values of R:47, G:183, B:151 and CMYK values of C:0.74, M:0, Y:0.17, K:0.28. Its decimal value is 3127191.

Hex triplet	2fb797	`#2fb797`
RGB Decimal	47, 183, 151	`rgb(47,183,151)`
RGB Percent	18.4, 71.8, 59.2	`rgb(18.4%,71.8%,59.2%)`
CMYK	74, 0, 17, 28
HSL	165.9°, 59.1, 45.1	`hsl(165.9,59.1%,45.1%)`
HSV (or HSB)	165.9°, 74.3, 71.8
Web Safe	33cc99	`#33cc99`

CIE-LAB	67.054, -43.33, 6.046
XYZ	23.69, 36.703, 35.112
xyY	0.248, 0.384, 36.703
CIE-LCH	67.054, 43.749, 172.056
CIE-LUV	67.054, -50.909, 15.469
Hunter-Lab	60.583, -36.223, 8.046
Binary	00101111, 10110111, 10010111

#2fb797
```
#2fb797 rgb(47,183,151)
```
#b72f4f
```
#b72f4f rgb(183,47,79)
```

Complementary Color

#2fb753
```
#2fb753 rgb(47,183,83)
```
#2fb797
```
#2fb797 rgb(47,183,151)
```
#2f93b7
```
#2f93b7 rgb(47,147,183)
```

Analogous Color

#b7532f
```
#b7532f rgb(183,83,47)
```
#2fb797
```
#2fb797 rgb(47,183,151)
```
#b72f93
```
#b72f93 rgb(183,47,147)
```

Split Complementary Color

#b7972f
```
#b7972f rgb(183,151,47)
```
#2fb797
```
#2fb797 rgb(47,183,151)
```
#972fb7
```
#972fb7 rgb(151,47,183)
```

Triadic Color

#4fb72f
```
#4fb72f rgb(79,183,47)
```
#2fb797
```
#2fb797 rgb(47,183,151)
```
#972fb7
```
#972fb7 rgb(151,47,183)
```
#b72f4f
```
#b72f4f rgb(183,47,79)
```

Tetradic Color

#1f7a65
```
#1f7a65 rgb(31,122,101)
```
#258e76
```
#258e76 rgb(37,142,118)
```
#2aa386
```
#2aa386 rgb(42,163,134)
```
#2fb797
```
#2fb797 rgb(47,183,151)
```
#35cba8
```
#35cba8 rgb(53,203,168)
```
#49d0b0
```
#49d0b0 rgb(73,208,176)
```
#5dd5b9
```
#5dd5b9 rgb(93,213,185)
```

Monochromatic Color

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

#2fb775
```
#2fb775 rgb(47,183,117)
```
#2fb780
```
#2fb780 rgb(47,183,128)
```
#2fb78c
```
#2fb78c rgb(47,183,140)
```
#2fb797
```
#2fb797 rgb(47,183,151)
```
#2fb7a2
```
#2fb7a2 rgb(47,183,162)
```
#2fb7ae
```
#2fb7ae rgb(47,183,174)
```
#2fb5b7
```
#2fb5b7 rgb(47,181,183)
```

Similar Colors

Text with hexadecimal color #2fb797

This text has a font color of #2fb797.

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

#2fb797 background color

This paragraph has a background color of #2fb797.

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

#2fb797 border color

This element has a border color of #2fb797.

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

CSS codes

.text {color:#2fb797;}

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

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

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, #030b09 is the darkest color, while #fbfefd is the lightest one.

#030b09
```
#030b09 rgb(3,11,9)
```
#071b16
```
#071b16 rgb(7,27,22)
```
#0b2b23
```
#0b2b23 rgb(11,43,35)
```
#0f3a30
```
#0f3a30 rgb(15,58,48)
```
#134a3d
```
#134a3d rgb(19,74,61)
```
#17594a
```
#17594a rgb(23,89,74)
```
#1b6957
```
#1b6957 rgb(27,105,87)
```
#1f7963
```
#1f7963 rgb(31,121,99)
```
#238870
```
#238870 rgb(35,136,112)
```
#27987d
```
#27987d rgb(39,152,125)
```
#2ba78a
```
#2ba78a rgb(43,167,138)
```
#2fb797
```
#2fb797 rgb(47,183,151)
```
#33c7a4
```
#33c7a4 rgb(51,199,164)
```

Shade Color Variation

#3fceac
```
#3fceac rgb(63,206,172)
```
#4fd2b3
```
#4fd2b3 rgb(79,210,179)
```
#5fd6ba
```
#5fd6ba rgb(95,214,186)
```
#6edac1
```
#6edac1 rgb(110,218,193)
```
#7edec7
```
#7edec7 rgb(126,222,199)
```
#8de2ce
```
#8de2ce rgb(141,226,206)
```
#9de6d5
```
#9de6d5 rgb(157,230,213)
```
#adeadb
```
#adeadb rgb(173,234,219)
```
#bceee2
```
#bceee2 rgb(188,238,226)
```
#ccf2e9
```
#ccf2e9 rgb(204,242,233)
```
#dcf6f0
```
#dcf6f0 rgb(220,246,240)
```
#ebfaf6
```
#ebfaf6 rgb(235,250,246)
```
#fbfefd
```
#fbfefd rgb(251,254,253)
```

Tint Color Variation

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

#6d7976
```
#6d7976 rgb(109,121,118)
```
#64827b
```
#64827b rgb(100,130,123)
```
#5b8b80
```
#5b8b80 rgb(91,139,128)
```
#529484
```
#529484 rgb(82,148,132)
```
#4a9c89
```
#4a9c89 rgb(74,156,137)
```
#41a58e
```
#41a58e rgb(65,165,142)
```
#38ae92
```
#38ae92 rgb(56,174,146)
```
#2fb797
```
#2fb797 rgb(47,183,151)
```
#26c09c
```
#26c09c rgb(38,192,156)
```
#1dc9a0
```
#1dc9a0 rgb(29,201,160)
```
#14d2a5
```
#14d2a5 rgb(20,210,165)
```
#0cdaaa
```
#0cdaaa rgb(12,218,170)
```
#03e3ae
```
#03e3ae rgb(3,227,174)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#79948d Atypical Achromatopsia 0.001% of the population

Dichromacy

#afa793 Protanopia 1% of men
#b8a2a4 Deuteranopia 1% of men
#52b5c2 Tritanopia 0.001% of the population

Trichromacy

#80ad94 Protanomaly 1% of men, 0.01% of women
#86aa9f Deuteranomaly 6% of men, 0.4% of women
#45b5b2 Tritanomaly 0.01% of the population

#2fb797 hex color

#2fb797 Color Information

#2fb797 Color Conversion

Color Schemes with #2fb797

Alternatives to #2fb797

#2fb797 Preview

Shades and Tints of #2fb797

Tones of #2fb797

Color Blindness Simulator