#2fabb6 hex color

In a RGB color space, hex #2fabb6 is composed of 18.4% red, 67.1% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 74.2% cyan, 6% magenta, 0% yellow and 28.6% black. It has a hue angle of 184.9 degrees, a saturation of 59% and a lightness of 44.9%. #2fabb6 color hex could be obtained by blending #5effff with #00576d. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 18
- G 67
- B 71
RGB color chart
- C 74
- M 6
- Y 0
- K 29
CMYK color chart

● #2fabb6 color description : Moderate cyan.

The hexadecimal color #2fabb6 has RGB values of R:47, G:171, B:182 and CMYK values of C:0.74, M:0.06, Y:0, K:0.29. Its decimal value is 3124150.

Hex triplet	2fabb6	`#2fabb6`
RGB Decimal	47, 171, 182	`rgb(47,171,182)`
RGB Percent	18.4, 67.1, 71.4	`rgb(18.4%,67.1%,71.4%)`
CMYK	74, 6, 0, 29
HSL	184.9°, 59, 44.9	`hsl(184.9,59%,44.9%)`
HSV (or HSB)	184.9°, 74.2, 71.4
Web Safe	3399cc	`#3399cc`

CIE-LAB	64.246, -29.087, -15.293
XYZ	24.176, 33.105, 49.369
xyY	0.227, 0.31, 33.105
CIE-LCH	64.246, 32.863, 207.734
CIE-LUV	64.246, -44.482, -19.111
Hunter-Lab	57.537, -25.687, -10.597
Binary	00101111, 10101011, 10110110

#2fabb6
```
#2fabb6 rgb(47,171,182)
```
#b63a2f
```
#b63a2f rgb(182,58,47)
```

Complementary Color

#2fb67e
```
#2fb67e rgb(47,182,126)
```
#2fabb6
```
#2fabb6 rgb(47,171,182)
```
#2f68b6
```
#2f68b6 rgb(47,104,182)
```

Analogous Color

#b67e2f
```
#b67e2f rgb(182,126,47)
```
#2fabb6
```
#2fabb6 rgb(47,171,182)
```
#b62f68
```
#b62f68 rgb(182,47,104)
```

Split Complementary Color

#abb62f
```
#abb62f rgb(171,182,47)
```
#2fabb6
```
#2fabb6 rgb(47,171,182)
```
#b62fab
```
#b62fab rgb(182,47,171)
```

Triadic Color

#2fb63a
```
#2fb63a rgb(47,182,58)
```
#2fabb6
```
#2fabb6 rgb(47,171,182)
```
#b62fab
```
#b62fab rgb(182,47,171)
```
#b63a2f
```
#b63a2f rgb(182,58,47)
```

Tetradic Color

#1f7279
```
#1f7279 rgb(31,114,121)
```
#25858d
```
#25858d rgb(37,133,141)
```
#2a98a2
```
#2a98a2 rgb(42,152,162)
```
#2fabb6
```
#2fabb6 rgb(47,171,182)
```
#34beca
```
#34beca rgb(52,190,202)
```
#48c5d0
```
#48c5d0 rgb(72,197,208)
```
#5ccbd5
```
#5ccbd5 rgb(92,203,213)
```

Monochromatic Color

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

#2fb69f
```
#2fb69f rgb(47,182,159)
```
#2fb6ab
```
#2fb6ab rgb(47,182,171)
```
#2fb6b6
```
#2fb6b6 rgb(47,182,182)
```
#2fabb6
```
#2fabb6 rgb(47,171,182)
```
#2fa0b6
```
#2fa0b6 rgb(47,160,182)
```
#2f95b6
```
#2f95b6 rgb(47,149,182)
```
#2f89b6
```
#2f89b6 rgb(47,137,182)
```

Similar Colors

Text with hexadecimal color #2fabb6

This text has a font color of #2fabb6.

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

#2fabb6 background color

This paragraph has a background color of #2fabb6.

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

#2fabb6 border color

This element has a border color of #2fabb6.

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

CSS codes

.text {color:#2fabb6;}

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

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

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

#030a0b
```
#030a0b rgb(3,10,11)
```
#07191a
```
#07191a rgb(7,25,26)
```
#0b272a
```
#0b272a rgb(11,39,42)
```
#0f3639
```
#0f3639 rgb(15,54,57)
```
#134449
```
#134449 rgb(19,68,73)
```
#175358
```
#175358 rgb(23,83,88)
```
#1b6268
```
#1b6268 rgb(27,98,104)
```
#1f7078
```
#1f7078 rgb(31,112,120)
```
#237f87
```
#237f87 rgb(35,127,135)
```
#278e97
```
#278e97 rgb(39,142,151)
```
#2b9ca6
```
#2b9ca6 rgb(43,156,166)
```
#2fabb6
```
#2fabb6 rgb(47,171,182)
```
#33bac6
```
#33bac6 rgb(51,186,198)
```

Shade Color Variation

#3fc2cd
```
#3fc2cd rgb(63,194,205)
```
#4ec7d1
```
#4ec7d1 rgb(78,199,209)
```
#5eccd5
```
#5eccd5 rgb(94,204,213)
```
#6ed1d9
```
#6ed1d9 rgb(110,209,217)
```
#7dd6dd
```
#7dd6dd rgb(125,214,221)
```
#8ddbe2
```
#8ddbe2 rgb(141,219,226)
```
#9ce0e6
```
#9ce0e6 rgb(156,224,230)
```
#ace5ea
```
#ace5ea rgb(172,229,234)
```
#bceaee
```
#bceaee rgb(188,234,238)
```
#cbeef2
```
#cbeef2 rgb(203,238,242)
```
#dbf3f6
```
#dbf3f6 rgb(219,243,246)
```
#eaf8fa
```
#eaf8fa rgb(234,248,250)
```
#fafdfe
```
#fafdfe rgb(250,253,254)
```

Tint Color Variation

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

#6d7778
```
#6d7778 rgb(109,119,120)
```
#647f81
```
#647f81 rgb(100,127,129)
```
#5b868a
```
#5b868a rgb(91,134,138)
```
#528e93
```
#528e93 rgb(82,142,147)
```
#49959c
```
#49959c rgb(73,149,156)
```
#419ca4
```
#419ca4 rgb(65,156,164)
```
#38a4ad
```
#38a4ad rgb(56,164,173)
```
#2fabb6
```
#2fabb6 rgb(47,171,182)
```
#26b2bf
```
#26b2bf rgb(38,178,191)
```
#1dbac8
```
#1dbac8 rgb(29,186,200)
```
#15c1d0
```
#15c1d0 rgb(21,193,208)
```
#0cc8d9
```
#0cc8d9 rgb(12,200,217)
```
#03d0e2
```
#03d0e2 rgb(3,208,226)
```

Tone Color Variation

Below, you can see how #2fabb6 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
#758e90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e9fb0 Protanopia 1% of men
#9f9dc0 Deuteranopia 1% of men
#3bafbb Tritanopia 0.001% of the population

Trichromacy

#76a3b2 Protanomaly 1% of men, 0.01% of women
#76a2bc Deuteranomaly 6% of men, 0.4% of women
#37adb9 Tritanomaly 0.01% of the population

#2fabb6 hex color

#2fabb6 Color Information

#2fabb6 Color Conversion

Color Schemes with #2fabb6

Alternatives to #2fabb6

#2fabb6 Preview

Shades and Tints of #2fabb6

Tones of #2fabb6

Color Blindness Simulator