#2fc7f3 hex color

In a RGB color space, hex #2fc7f3 is composed of 18.4% red, 78% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 80.7% cyan, 18.1% magenta, 0% yellow and 4.7% black. It has a hue angle of 193.5 degrees, a saturation of 89.1% and a lightness of 56.9%. #2fc7f3 color hex could be obtained by blending #5effff with #008fe7. Closest websafe color is: #33ccff.

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

● #2fc7f3 color description : Bright cyan.

The hexadecimal color #2fc7f3 has RGB values of R:47, G:199, B:243 and CMYK values of C:0.81, M:0.18, Y:0, K:0.05. Its decimal value is 3131379.

Hex triplet	2fc7f3	`#2fc7f3`
RGB Decimal	47, 199, 243	`rgb(47,199,243)`
RGB Percent	18.4, 78, 95.3	`rgb(18.4%,78%,95.3%)`
CMYK	81, 18, 0, 5
HSL	193.5°, 89.1, 56.9	`hsl(193.5,89.1%,56.9%)`
HSV (or HSB)	193.5°, 80.7, 95.3
Web Safe	33ccff	`#33ccff`

CIE-LAB	74.774, -23.671, -32.604
XYZ	37.769, 47.919, 92.048
xyY	0.213, 0.27, 47.919
CIE-LCH	74.774, 40.29, 234.019
CIE-LUV	74.774, -50.106, -49.304
Hunter-Lab	69.223, -23.749, -30.383
Binary	00101111, 11000111, 11110011

#2fc7f3
```
#2fc7f3 rgb(47,199,243)
```
#f35b2f
```
#f35b2f rgb(243,91,47)
```

Complementary Color

#2ff3bd
```
#2ff3bd rgb(47,243,189)
```
#2fc7f3
```
#2fc7f3 rgb(47,199,243)
```
#2f65f3
```
#2f65f3 rgb(47,101,243)
```

Analogous Color

#f3bd2f
```
#f3bd2f rgb(243,189,47)
```
#2fc7f3
```
#2fc7f3 rgb(47,199,243)
```
#f32f65
```
#f32f65 rgb(243,47,101)
```

Split Complementary Color

#c7f32f
```
#c7f32f rgb(199,243,47)
```
#2fc7f3
```
#2fc7f3 rgb(47,199,243)
```
#f32fc7
```
#f32fc7 rgb(243,47,199)
```

Triadic Color

#2ff35b
```
#2ff35b rgb(47,243,91)
```
#2fc7f3
```
#2fc7f3 rgb(47,199,243)
```
#f32fc7
```
#f32fc7 rgb(243,47,199)
```
#f35b2f
```
#f35b2f rgb(243,91,47)
```

Tetradic Color

#0c9fca
```
#0c9fca rgb(12,159,202)
```
#0db2e2
```
#0db2e2 rgb(13,178,226)
```
#17c1f2
```
#17c1f2 rgb(23,193,242)
```
#2fc7f3
```
#2fc7f3 rgb(47,199,243)
```
#47cdf4
```
#47cdf4 rgb(71,205,244)
```
#5fd4f6
```
#5fd4f6 rgb(95,212,246)
```
#77daf7
```
#77daf7 rgb(119,218,247)
```

Monochromatic Color

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

#2ff3ee
```
#2ff3ee rgb(47,243,238)
```
#2fe8f3
```
#2fe8f3 rgb(47,232,243)
```
#2fd7f3
```
#2fd7f3 rgb(47,215,243)
```
#2fc7f3
```
#2fc7f3 rgb(47,199,243)
```
#2fb7f3
```
#2fb7f3 rgb(47,183,243)
```
#2fa6f3
```
#2fa6f3 rgb(47,166,243)
```
#2f96f3
```
#2f96f3 rgb(47,150,243)
```

Similar Colors

Text with hexadecimal color #2fc7f3

This text has a font color of #2fc7f3.

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

#2fc7f3 background color

This paragraph has a background color of #2fc7f3.

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

#2fc7f3 border color

This element has a border color of #2fc7f3.

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

CSS codes

.text {color:#2fc7f3;}

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

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

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, #010b0f is the darkest color, while #fbfeff is the lightest one.

#010b0f
```
#010b0f rgb(1,11,15)
```
#021a21
```
#021a21 rgb(2,26,33)
```
#032934
```
#032934 rgb(3,41,52)
```
#043746
```
#043746 rgb(4,55,70)
```
#054659
```
#054659 rgb(5,70,89)
```
#06556b
```
#06556b rgb(6,85,107)
```
#07637e
```
#07637e rgb(7,99,126)
```
#087290
```
#087290 rgb(8,114,144)
```
#0980a3
```
#0980a3 rgb(9,128,163)
```
#0a8fb5
```
#0a8fb5 rgb(10,143,181)
```
#0c9ec8
```
#0c9ec8 rgb(12,158,200)
```
#0dacdb
```
#0dacdb rgb(13,172,219)
```
#0ebbed
```
#0ebbed rgb(14,187,237)
```

Shade Color Variation

#1cc2f2
```
#1cc2f2 rgb(28,194,242)
```
#2fc7f3
```
#2fc7f3 rgb(47,199,243)
```
#42ccf4
```
#42ccf4 rgb(66,204,244)
```
#54d1f5
```
#54d1f5 rgb(84,209,245)
```
#67d6f6
```
#67d6f6 rgb(103,214,246)
```
#79dbf7
```
#79dbf7 rgb(121,219,247)
```
#8ce0f8
```
#8ce0f8 rgb(140,224,248)
```
#9ee5f9
```
#9ee5f9 rgb(158,229,249)
```
#b1eafa
```
#b1eafa rgb(177,234,250)
```
#c3effc
```
#c3effc rgb(195,239,252)
```
#d6f4fd
```
#d6f4fd rgb(214,244,253)
```
#e8f9fe
```
#e8f9fe rgb(232,249,254)
```
#fbfeff
```
#fbfeff rgb(251,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8c9496 is the less saturated color, while #27ccfb is the most saturated one.

#8c9496
```
#8c9496 rgb(140,148,150)
```
#84989e
```
#84989e rgb(132,152,158)
```
#7b9da7
```
#7b9da7 rgb(123,157,167)
```
#73a2af
```
#73a2af rgb(115,162,175)
```
#6aa6b8
```
#6aa6b8 rgb(106,166,184)
```
#62abc0
```
#62abc0 rgb(98,171,192)
```
#59b0c9
```
#59b0c9 rgb(89,176,201)
```
#51b4d1
```
#51b4d1 rgb(81,180,209)
```
#48b9da
```
#48b9da rgb(72,185,218)
```
#40bee2
```
#40bee2 rgb(64,190,226)
```
#37c2eb
```
#37c2eb rgb(55,194,235)
```
#2fc7f3
```
#2fc7f3 rgb(47,199,243)
```
#27ccfb
```
#27ccfb rgb(39,204,251)
```

Tone Color Variation

Below, you can see how #2fc7f3 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
#89a7b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#afb9e9 Protanopia 1% of men
#a6b9fa Deuteranopia 1% of men
#00cddc Tritanopia 0.001% of the population

Trichromacy

#80beec Protanomaly 1% of men, 0.01% of women
#7bbef7 Deuteranomaly 6% of men, 0.4% of women
#11cbe4 Tritanomaly 0.01% of the population

#2fc7f3 hex color

#2fc7f3 Color Information

#2fc7f3 Color Conversion

Color Schemes with #2fc7f3

Alternatives to #2fc7f3

#2fc7f3 Preview

Shades and Tints of #2fc7f3

Tones of #2fc7f3

Color Blindness Simulator