#2fc7ff hex color

In a RGB color space, hex #2fc7ff is composed of 18.4% red, 78% green and 100% blue. Whereas in a CMYK color space, it is composed of 81.6% cyan, 22% magenta, 0% yellow and 0% black. It has a hue angle of 196.2 degrees, a saturation of 100% and a lightness of 59.2%. #2fc7ff color hex could be obtained by blending #5effff with #008fff. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 18
- G 78
- B 100
RGB color chart
- C 82
- M 22
- Y 0
- K 0
CMYK color chart

● #2fc7ff color description : Vivid blue.

The hexadecimal color #2fc7ff has RGB values of R:47, G:199, B:255 and CMYK values of C:0.82, M:0.22, Y:0, K:0. Its decimal value is 3131391.

Hex triplet	2fc7ff	`#2fc7ff`
RGB Decimal	47, 199, 255	`rgb(47,199,255)`
RGB Percent	18.4, 78, 100	`rgb(18.4%,78%,100%)`
CMYK	82, 22, 0, 0
HSL	196.2°, 100, 59.2	`hsl(196.2,100%,59.2%)`
HSV (or HSB)	196.2°, 81.6, 100
Web Safe	33ccff	`#33ccff`

CIE-LAB	75.244, -19.723, -38.317
XYZ	39.641, 48.668, 101.907
xyY	0.208, 0.256, 48.668
CIE-LCH	75.244, 43.095, 242.763
CIE-LUV	75.244, -49.29, -59.697
Hunter-Lab	69.762, -20.654, -37.776
Binary	00101111, 11000111, 11111111

#2fc7ff
```
#2fc7ff rgb(47,199,255)
```
#ff672f
```
#ff672f rgb(255,103,47)
```

Complementary Color

#2fffcf
```
#2fffcf rgb(47,255,207)
```
#2fc7ff
```
#2fc7ff rgb(47,199,255)
```
#2f5fff
```
#2f5fff rgb(47,95,255)
```

Analogous Color

#ffcf2f
```
#ffcf2f rgb(255,207,47)
```
#2fc7ff
```
#2fc7ff rgb(47,199,255)
```
#ff2f5f
```
#ff2f5f rgb(255,47,95)
```

Split Complementary Color

#c7ff2f
```
#c7ff2f rgb(199,255,47)
```
#2fc7ff
```
#2fc7ff rgb(47,199,255)
```
#ff2fc7
```
#ff2fc7 rgb(255,47,199)
```

Triadic Color

#2fff67
```
#2fff67 rgb(47,255,103)
```
#2fc7ff
```
#2fc7ff rgb(47,199,255)
```
#ff2fc7
```
#ff2fc7 rgb(255,47,199)
```
#ff672f
```
#ff672f rgb(255,103,47)
```

Tetradic Color

#00a5e2
```
#00a5e2 rgb(0,165,226)
```
#00b7fb
```
#00b7fb rgb(0,183,251)
```
#16c0ff
```
#16c0ff rgb(22,192,255)
```
#2fc7ff
```
#2fc7ff rgb(47,199,255)
```
#49ceff
```
#49ceff rgb(73,206,255)
```
#62d5ff
```
#62d5ff rgb(98,213,255)
```
#7cdcff
```
#7cdcff rgb(124,220,255)
```

Monochromatic Color

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

#2ffbff
```
#2ffbff rgb(47,251,255)
```
#2feaff
```
#2feaff rgb(47,234,255)
```
#2fd8ff
```
#2fd8ff rgb(47,216,255)
```
#2fc7ff
```
#2fc7ff rgb(47,199,255)
```
#2fb6ff
```
#2fb6ff rgb(47,182,255)
```
#2fa4ff
```
#2fa4ff rgb(47,164,255)
```
#2f93ff
```
#2f93ff rgb(47,147,255)
```

Similar Colors

Text with hexadecimal color #2fc7ff

This text has a font color of #2fc7ff.

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

#2fc7ff background color

This paragraph has a background color of #2fc7ff.

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

#2fc7ff border color

This element has a border color of #2fc7ff.

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

CSS codes

.text {color:#2fc7ff;}

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

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

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

#000608
```
#000608 rgb(0,6,8)
```
#00141b
```
#00141b rgb(0,20,27)
```
#00222f
```
#00222f rgb(0,34,47)
```
#003143
```
#003143 rgb(0,49,67)
```
#003f56
```
#003f56 rgb(0,63,86)
```
#004d6a
```
#004d6a rgb(0,77,106)
```
#005c7d
```
#005c7d rgb(0,92,125)
```
#006a91
```
#006a91 rgb(0,106,145)
```
#0078a5
```
#0078a5 rgb(0,120,165)
```
#0087b8
```
#0087b8 rgb(0,135,184)
```
#0095cc
```
#0095cc rgb(0,149,204)
```
#00a3e0
```
#00a3e0 rgb(0,163,224)
```
#00b2f3
```
#00b2f3 rgb(0,178,243)
```

Shade Color Variation

#08bcff
```
#08bcff rgb(8,188,255)
```
#1bc2ff
```
#1bc2ff rgb(27,194,255)
```
#2fc7ff
```
#2fc7ff rgb(47,199,255)
```
#43ccff
```
#43ccff rgb(67,204,255)
```
#56d2ff
```
#56d2ff rgb(86,210,255)
```
#6ad7ff
```
#6ad7ff rgb(106,215,255)
```
#7ddcff
```
#7ddcff rgb(125,220,255)
```
#91e1ff
```
#91e1ff rgb(145,225,255)
```
#a5e7ff
```
#a5e7ff rgb(165,231,255)
```
#b8ecff
```
#b8ecff rgb(184,236,255)
```
#ccf1ff
```
#ccf1ff rgb(204,241,255)
```
#e0f7ff
```
#e0f7ff rgb(224,247,255)
```
#f3fcff
```
#f3fcff rgb(243,252,255)
```

Tint Color Variation

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

#8f9b9f
```
#8f9b9f rgb(143,155,159)
```
#879ea7
```
#879ea7 rgb(135,158,167)
```
#7fa2af
```
#7fa2af rgb(127,162,175)
```
#77a6b7
```
#77a6b7 rgb(119,166,183)
```
#6fa9bf
```
#6fa9bf rgb(111,169,191)
```
#67adc7
```
#67adc7 rgb(103,173,199)
```
#5fb1cf
```
#5fb1cf rgb(95,177,207)
```
#57b5d7
```
#57b5d7 rgb(87,181,215)
```
#4fb8df
```
#4fb8df rgb(79,184,223)
```
#47bce7
```
#47bce7 rgb(71,188,231)
```
#3fc0ef
```
#3fc0ef rgb(63,192,239)
```
#37c3f7
```
#37c3f7 rgb(55,195,247)
```
#2fc7ff
```
#2fc7ff rgb(47,199,255)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#89a8b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#abbaf4 Protanopia 1% of men
#a2bbff Deuteranopia 1% of men
#00cfde Tritanopia 0.001% of the population

Trichromacy

#7ebff8 Protanomaly 1% of men, 0.01% of women
#78bfff Deuteranomaly 6% of men, 0.4% of women
#11ccea Tritanomaly 0.01% of the population

#2fc7ff hex color

#2fc7ff Color Information

#2fc7ff Color Conversion

Color Schemes with #2fc7ff

Alternatives to #2fc7ff

#2fc7ff Preview

Shades and Tints of #2fc7ff

Tones of #2fc7ff

Color Blindness Simulator