#2fb3bf hex color

In a RGB color space, hex #2fb3bf is composed of 18.4% red, 70.2% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 75.4% cyan, 6.3% magenta, 0% yellow and 25.1% black. It has a hue angle of 185 degrees, a saturation of 60.5% and a lightness of 46.7%. #2fb3bf color hex could be obtained by blending #5effff with #00677f. Closest websafe color is: #33cccc.

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

● #2fb3bf color description : Strong cyan.

The hexadecimal color #2fb3bf has RGB values of R:47, G:179, B:191 and CMYK values of C:0.75, M:0.06, Y:0, K:0.25. Its decimal value is 3126207.

Hex triplet	2fb3bf	`#2fb3bf`
RGB Decimal	47, 179, 191	`rgb(47,179,191)`
RGB Percent	18.4, 70.2, 74.9	`rgb(18.4%,70.2%,74.9%)`
CMYK	75, 6, 0, 25
HSL	185°, 60.5, 46.7	`hsl(185,60.5%,46.7%)`
HSV (or HSB)	185°, 75.4, 74.9
Web Safe	33cccc	`#33cccc`

CIE-LAB	66.979, -30.23, -16.162
XYZ	26.694, 36.604, 54.946
xyY	0.226, 0.31, 36.604
CIE-LCH	66.979, 34.28, 208.13
CIE-LUV	66.979, -46.727, -20.47
Hunter-Lab	60.501, -27.121, -11.495
Binary	00101111, 10110011, 10111111

#2fb3bf
```
#2fb3bf rgb(47,179,191)
```
#bf3b2f
```
#bf3b2f rgb(191,59,47)
```

Complementary Color

#2fbf83
```
#2fbf83 rgb(47,191,131)
```
#2fb3bf
```
#2fb3bf rgb(47,179,191)
```
#2f6bbf
```
#2f6bbf rgb(47,107,191)
```

Analogous Color

#bf832f
```
#bf832f rgb(191,131,47)
```
#2fb3bf
```
#2fb3bf rgb(47,179,191)
```
#bf2f6b
```
#bf2f6b rgb(191,47,107)
```

Split Complementary Color

#b3bf2f
```
#b3bf2f rgb(179,191,47)
```
#2fb3bf
```
#2fb3bf rgb(47,179,191)
```
#bf2fb3
```
#bf2fb3 rgb(191,47,179)
```

Triadic Color

#2fbf3b
```
#2fbf3b rgb(47,191,59)
```
#2fb3bf
```
#2fb3bf rgb(47,179,191)
```
#bf2fb3
```
#bf2fb3 rgb(191,47,179)
```
#bf3b2f
```
#bf3b2f rgb(191,59,47)
```

Tetradic Color

#207982
```
#207982 rgb(32,121,130)
```
#258d96
```
#258d96 rgb(37,141,150)
```
#2aa0ab
```
#2aa0ab rgb(42,160,171)
```
#2fb3bf
```
#2fb3bf rgb(47,179,191)
```
#39c2ce
```
#39c2ce rgb(57,194,206)
```
#4ec8d3
```
#4ec8d3 rgb(78,200,211)
```
#62cfd8
```
#62cfd8 rgb(98,207,216)
```

Monochromatic Color

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

#2fbfa7
```
#2fbfa7 rgb(47,191,167)
```
#2fbfb3
```
#2fbfb3 rgb(47,191,179)
```
#2fbfbf
```
#2fbfbf rgb(47,191,191)
```
#2fb3bf
```
#2fb3bf rgb(47,179,191)
```
#2fa7bf
```
#2fa7bf rgb(47,167,191)
```
#2f9bbf
```
#2f9bbf rgb(47,155,191)
```
#2f8fbf
```
#2f8fbf rgb(47,143,191)
```

Similar Colors

Text with hexadecimal color #2fb3bf

This text has a font color of #2fb3bf.

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

#2fb3bf background color

This paragraph has a background color of #2fb3bf.

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

#2fb3bf border color

This element has a border color of #2fb3bf.

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

CSS codes

.text {color:#2fb3bf;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#041112
```
#041112 rgb(4,17,18)
```
#081f22
```
#081f22 rgb(8,31,34)
```
#0c2e31
```
#0c2e31 rgb(12,46,49)
```
#103d41
```
#103d41 rgb(16,61,65)
```
#144c51
```
#144c51 rgb(20,76,81)
```
#185a61
```
#185a61 rgb(24,90,97)
```
#1c6970
```
#1c6970 rgb(28,105,112)
```
#207880
```
#207880 rgb(32,120,128)
```
#238790
```
#238790 rgb(35,135,144)
```
#2795a0
```
#2795a0 rgb(39,149,160)
```
#2ba4af
```
#2ba4af rgb(43,164,175)
```
#2fb3bf
```
#2fb3bf rgb(47,179,191)
```

Shade Color Variation

#34c0cd
```
#34c0cd rgb(52,192,205)
```
#44c5d1
```
#44c5d1 rgb(68,197,209)
```
#54cad5
```
#54cad5 rgb(84,202,213)
```
#64cfd9
```
#64cfd9 rgb(100,207,217)
```
#73d4dd
```
#73d4dd rgb(115,212,221)
```
#83d9e1
```
#83d9e1 rgb(131,217,225)
```
#93dee4
```
#93dee4 rgb(147,222,228)
```
#a3e2e8
```
#a3e2e8 rgb(163,226,232)
```
#b2e7ec
```
#b2e7ec rgb(178,231,236)
```
#c2ecf0
```
#c2ecf0 rgb(194,236,240)
```
#d2f1f4
```
#d2f1f4 rgb(210,241,244)
```
#e2f6f8
```
#e2f6f8 rgb(226,246,248)
```
#f1fbfc
```
#f1fbfc rgb(241,251,252)
```

Tint Color Variation

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

#6f7e7f
```
#6f7e7f rgb(111,126,127)
```
#668588
```
#668588 rgb(102,133,136)
```
#5d8d91
```
#5d8d91 rgb(93,141,145)
```
#54949a
```
#54949a rgb(84,148,154)
```
#4a9ca4
```
#4a9ca4 rgb(74,156,164)
```
#41a4ad
```
#41a4ad rgb(65,164,173)
```
#38abb6
```
#38abb6 rgb(56,171,182)
```
#2fb3bf
```
#2fb3bf rgb(47,179,191)
```
#26bbc8
```
#26bbc8 rgb(38,187,200)
```
#1dc2d1
```
#1dc2d1 rgb(29,194,209)
```
#14cada
```
#14cada rgb(20,202,218)
```
#0ad2e4
```
#0ad2e4 rgb(10,210,228)
```
#01d9ed
```
#01d9ed rgb(1,217,237)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#7a9597 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5a6b8 Protanopia 1% of men
#a5a4c9 Deuteranopia 1% of men
#3bb6c4 Tritanopia 0.001% of the population

Trichromacy

#7aabba Protanomaly 1% of men, 0.01% of women
#7aa9c5 Deuteranomaly 6% of men, 0.4% of women
#36b5c2 Tritanomaly 0.01% of the population

#2fb3bf hex color

#2fb3bf Color Information

#2fb3bf Color Conversion

Color Schemes with #2fb3bf

Alternatives to #2fb3bf

#2fb3bf Preview

Shades and Tints of #2fb3bf

Tones of #2fb3bf

Color Blindness Simulator