#2fc7f9 hex color

In a RGB color space, hex #2fc7f9 is composed of 18.4% red, 78% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 81.1% cyan, 20.1% magenta, 0% yellow and 2.4% black. It has a hue angle of 194.9 degrees, a saturation of 94.4% and a lightness of 58%. #2fc7f9 color hex could be obtained by blending #5effff with #008ff3. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 18
- G 78
- B 98
RGB color chart
- C 81
- M 20
- Y 0
- K 2
CMYK color chart

● #2fc7f9 color description : Bright cyan.

The hexadecimal color #2fc7f9 has RGB values of R:47, G:199, B:249 and CMYK values of C:0.81, M:0.2, Y:0, K:0.02. Its decimal value is 3131385.

Hex triplet	2fc7f9	`#2fc7f9`
RGB Decimal	47, 199, 249	`rgb(47,199,249)`
RGB Percent	18.4, 78, 97.6	`rgb(18.4%,78%,97.6%)`
CMYK	81, 20, 0, 2
HSL	194.9°, 94.4, 58	`hsl(194.9,94.4%,58%)`
HSV (or HSB)	194.9°, 81.1, 97.6
Web Safe	33ccff	`#33ccff`

CIE-LAB	75.006, -21.707, -35.469
XYZ	38.69, 48.287, 96.899
xyY	0.21, 0.263, 48.287
CIE-LCH	75.006, 41.584, 238.533
CIE-LUV	75.006, -49.695, -54.504
Hunter-Lab	69.489, -22.22, -34.034
Binary	00101111, 11000111, 11111001

#2fc7f9
```
#2fc7f9 rgb(47,199,249)
```
#f9612f
```
#f9612f rgb(249,97,47)
```

Complementary Color

#2ff9c6
```
#2ff9c6 rgb(47,249,198)
```
#2fc7f9
```
#2fc7f9 rgb(47,199,249)
```
#2f62f9
```
#2f62f9 rgb(47,98,249)
```

Analogous Color

#f9c62f
```
#f9c62f rgb(249,198,47)
```
#2fc7f9
```
#2fc7f9 rgb(47,199,249)
```
#f92f62
```
#f92f62 rgb(249,47,98)
```

Split Complementary Color

#c7f92f
```
#c7f92f rgb(199,249,47)
```
#2fc7f9
```
#2fc7f9 rgb(47,199,249)
```
#f92fc7
```
#f92fc7 rgb(249,47,199)
```

Triadic Color

#2ff961
```
#2ff961 rgb(47,249,97)
```
#2fc7f9
```
#2fc7f9 rgb(47,199,249)
```
#f92fc7
```
#f92fc7 rgb(249,47,199)
```
#f9612f
```
#f9612f rgb(249,97,47)
```

Tetradic Color

#06a2d5
```
#06a2d5 rgb(6,162,213)
```
#07b5ee
```
#07b5ee rgb(7,181,238)
```
#16c0f8
```
#16c0f8 rgb(22,192,248)
```
#2fc7f9
```
#2fc7f9 rgb(47,199,249)
```
#48cefa
```
#48cefa rgb(72,206,250)
```
#61d4fa
```
#61d4fa rgb(97,212,250)
```
#79dbfb
```
#79dbfb rgb(121,219,251)
```

Monochromatic Color

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

#2ff9f9
```
#2ff9f9 rgb(47,249,249)
```
#2fe9f9
```
#2fe9f9 rgb(47,233,249)
```
#2fd8f9
```
#2fd8f9 rgb(47,216,249)
```
#2fc7f9
```
#2fc7f9 rgb(47,199,249)
```
#2fb6f9
```
#2fb6f9 rgb(47,182,249)
```
#2fa5f9
```
#2fa5f9 rgb(47,165,249)
```
#2f95f9
```
#2f95f9 rgb(47,149,249)
```

Similar Colors

Text with hexadecimal color #2fc7f9

This text has a font color of #2fc7f9.

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

#2fc7f9 background color

This paragraph has a background color of #2fc7f9.

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

#2fc7f9 border color

This element has a border color of #2fc7f9.

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

CSS codes

.text {color:#2fc7f9;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#011015
```
#011015 rgb(1,16,21)
```
#011e28
```
#011e28 rgb(1,30,40)
```
#022d3b
```
#022d3b rgb(2,45,59)
```
#023b4e
```
#023b4e rgb(2,59,78)
```
#034a61
```
#034a61 rgb(3,74,97)
```
#035874
```
#035874 rgb(3,88,116)
```
#046787
```
#046787 rgb(4,103,135)
```
#04759a
```
#04759a rgb(4,117,154)
```
#0584ad
```
#0584ad rgb(5,132,173)
```
#0692c0
```
#0692c0 rgb(6,146,192)
```
#06a1d3
```
#06a1d3 rgb(6,161,211)
```
#07afe7
```
#07afe7 rgb(7,175,231)
```

Shade Color Variation

#09bdf8
```
#09bdf8 rgb(9,189,248)
```
#1cc2f8
```
#1cc2f8 rgb(28,194,248)
```
#2fc7f9
```
#2fc7f9 rgb(47,199,249)
```
#42ccfa
```
#42ccfa rgb(66,204,250)
```
#55d1fa
```
#55d1fa rgb(85,209,250)
```
#68d6fb
```
#68d6fb rgb(104,214,251)
```
#7bdcfb
```
#7bdcfb rgb(123,220,251)
```
#8ee1fc
```
#8ee1fc rgb(142,225,252)
```
#a1e6fc
```
#a1e6fc rgb(161,230,252)
```
#b4ebfd
```
#b4ebfd rgb(180,235,253)
```
#c8f0fd
```
#c8f0fd rgb(200,240,253)
```
#dbf5fe
```
#dbf5fe rgb(219,245,254)
```
#eefafe
```
#eefafe rgb(238,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #929596 is the less saturated color, while #2fc7f9 is the most saturated one.

#929596
```
#929596 rgb(146,149,150)
```
#8a999e
```
#8a999e rgb(138,153,158)
```
#819da7
```
#819da7 rgb(129,157,167)
```
#79a2af
```
#79a2af rgb(121,162,175)
```
#71a6b7
```
#71a6b7 rgb(113,166,183)
```
#69aabf
```
#69aabf rgb(105,170,191)
```
#60aec8
```
#60aec8 rgb(96,174,200)
```
#58b2d0
```
#58b2d0 rgb(88,178,208)
```
#50b6d8
```
#50b6d8 rgb(80,182,216)
```
#48bbe0
```
#48bbe0 rgb(72,187,224)
```
#3fbfe9
```
#3fbfe9 rgb(63,191,233)
```
#37c3f1
```
#37c3f1 rgb(55,195,241)
```
#2fc7f9
```
#2fc7f9 rgb(47,199,249)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#89a7b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#adbaee Protanopia 1% of men
#a3baff Deuteranopia 1% of men
#00cedd Tritanopia 0.001% of the population

Trichromacy

#7fbef2 Protanomaly 1% of men, 0.01% of women
#79bffc Deuteranomaly 6% of men, 0.4% of women
#11cbe7 Tritanomaly 0.01% of the population

#2fc7f9 hex color

#2fc7f9 Color Information

#2fc7f9 Color Conversion

Color Schemes with #2fc7f9

Alternatives to #2fc7f9

#2fc7f9 Preview

Shades and Tints of #2fc7f9

Tones of #2fc7f9

Color Blindness Simulator