#2fbcf7 hex color

In a RGB color space, hex #2fbcf7 is composed of 18.4% red, 73.7% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 81% cyan, 23.9% magenta, 0% yellow and 3.1% black. It has a hue angle of 197.7 degrees, a saturation of 92.6% and a lightness of 57.6%. #2fbcf7 color hex could be obtained by blending #5effff with #0079ef. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 18
- G 74
- B 97
RGB color chart
- C 81
- M 24
- Y 0
- K 3
CMYK color chart

● #2fbcf7 color description : Bright blue.

The hexadecimal color #2fbcf7 has RGB values of R:47, G:188, B:247 and CMYK values of C:0.81, M:0.24, Y:0, K:0.03. Its decimal value is 3128567.

Hex triplet	2fbcf7	`#2fbcf7`
RGB Decimal	47, 188, 247	`rgb(47,188,247)`
RGB Percent	18.4, 73.7, 96.9	`rgb(18.4%,73.7%,96.9%)`
CMYK	81, 24, 0, 3
HSL	197.7°, 92.6, 57.6	`hsl(197.7,92.6%,57.6%)`
HSV (or HSB)	197.7°, 81, 96.9
Web Safe	33ccff	`#33ccff`

CIE-LAB	71.747, -16.657, -39.454
XYZ	35.94, 43.283, 94.451
xyY	0.207, 0.249, 43.283
CIE-LCH	71.747, 42.826, 247.112
CIE-LUV	71.747, -46.086, -61.685
Hunter-Lab	65.79, -17.621, -39.067
Binary	00101111, 10111100, 11110111

#2fbcf7
```
#2fbcf7 rgb(47,188,247)
```
#f76a2f
```
#f76a2f rgb(247,106,47)
```

Complementary Color

#2ff7ce
```
#2ff7ce rgb(47,247,206)
```
#2fbcf7
```
#2fbcf7 rgb(47,188,247)
```
#2f58f7
```
#2f58f7 rgb(47,88,247)
```

Analogous Color

#f7ce2f
```
#f7ce2f rgb(247,206,47)
```
#2fbcf7
```
#2fbcf7 rgb(47,188,247)
```
#f72f58
```
#f72f58 rgb(247,47,88)
```

Split Complementary Color

#bcf72f
```
#bcf72f rgb(188,247,47)
```
#2fbcf7
```
#2fbcf7 rgb(47,188,247)
```
#f72fbc
```
#f72fbc rgb(247,47,188)
```

Triadic Color

#2ff76a
```
#2ff76a rgb(47,247,106)
```
#2fbcf7
```
#2fbcf7 rgb(47,188,247)
```
#f72fbc
```
#f72fbc rgb(247,47,188)
```
#f76a2f
```
#f76a2f rgb(247,106,47)
```

Tetradic Color

#0896d1
```
#0896d1 rgb(8,150,209)
```
#09a8ea
```
#09a8ea rgb(9,168,234)
```
#16b4f6
```
#16b4f6 rgb(22,180,246)
```
#2fbcf7
```
#2fbcf7 rgb(47,188,247)
```
#48c4f8
```
#48c4f8 rgb(72,196,248)
```
#60ccf9
```
#60ccf9 rgb(96,204,249)
```
#79d4fa
```
#79d4fa rgb(121,212,250)
```

Monochromatic Color

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

#2feef7
```
#2feef7 rgb(47,238,247)
```
#2fddf7
```
#2fddf7 rgb(47,221,247)
```
#2fcdf7
```
#2fcdf7 rgb(47,205,247)
```
#2fbcf7
```
#2fbcf7 rgb(47,188,247)
```
#2fabf7
```
#2fabf7 rgb(47,171,247)
```
#2f9bf7
```
#2f9bf7 rgb(47,155,247)
```
#2f8af7
```
#2f8af7 rgb(47,138,247)
```

Similar Colors

Text with hexadecimal color #2fbcf7

This text has a font color of #2fbcf7.

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

#2fbcf7 background color

This paragraph has a background color of #2fbcf7.

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

#2fbcf7 border color

This element has a border color of #2fbcf7.

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

CSS codes

.text {color:#2fbcf7;}

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

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

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

#010d13
```
#010d13 rgb(1,13,19)
```
#011b26
```
#011b26 rgb(1,27,38)
```
#022838
```
#022838 rgb(2,40,56)
```
#03364b
```
#03364b rgb(3,54,75)
```
#04435e
```
#04435e rgb(4,67,94)
```
#045171
```
#045171 rgb(4,81,113)
```
#055f84
```
#055f84 rgb(5,95,132)
```
#066c97
```
#066c97 rgb(6,108,151)
```
#077aaa
```
#077aaa rgb(7,122,170)
```
#0787bd
```
#0787bd rgb(7,135,189)
```
#0895d0
```
#0895d0 rgb(8,149,208)
```
#09a2e2
```
#09a2e2 rgb(9,162,226)
```
#09b0f5
```
#09b0f5 rgb(9,176,245)
```

Shade Color Variation

#1cb6f6
```
#1cb6f6 rgb(28,182,246)
```
#2fbcf7
```
#2fbcf7 rgb(47,188,247)
```
#42c2f8
```
#42c2f8 rgb(66,194,248)
```
#55c8f8
```
#55c8f8 rgb(85,200,248)
```
#68cef9
```
#68cef9 rgb(104,206,249)
```
#7bd4fa
```
#7bd4fa rgb(123,212,250)
```
#8ddafb
```
#8ddafb rgb(141,218,251)
```
#a0e1fb
```
#a0e1fb rgb(160,225,251)
```
#b3e7fc
```
#b3e7fc rgb(179,231,252)
```
#c6edfd
```
#c6edfd rgb(198,237,253)
```
#d9f3fe
```
#d9f3fe rgb(217,243,254)
```
#ecf9fe
```
#ecf9fe rgb(236,249,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#939393
```
#939393 rgb(147,147,147)
```
#8a979c
```
#8a979c rgb(138,151,156)
```
#829aa4
```
#829aa4 rgb(130,154,164)
```
#7a9dac
```
#7a9dac rgb(122,157,172)
```
#71a1b5
```
#71a1b5 rgb(113,161,181)
```
#69a4bd
```
#69a4bd rgb(105,164,189)
```
#61a8c5
```
#61a8c5 rgb(97,168,197)
```
#59abcd
```
#59abcd rgb(89,171,205)
```
#50aed6
```
#50aed6 rgb(80,174,214)
```
#48b2de
```
#48b2de rgb(72,178,222)
```
#40b5e6
```
#40b5e6 rgb(64,181,230)
```
#37b9ef
```
#37b9ef rgb(55,185,239)
```
#2fbcf7
```
#2fbcf7 rgb(47,188,247)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#84a0ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1b1ed Protanopia 1% of men
#94b2fc Deuteranopia 1% of men
#00c5d3 Tritanopia 0.001% of the population

Trichromacy

#77b5f1 Protanomaly 1% of men, 0.01% of women
#6fb6fa Deuteranomaly 6% of men, 0.4% of women
#11c1e0 Tritanomaly 0.01% of the population

#2fbcf7 hex color

#2fbcf7 Color Information

#2fbcf7 Color Conversion

Color Schemes with #2fbcf7

Alternatives to #2fbcf7

#2fbcf7 Preview

Shades and Tints of #2fbcf7

Tones of #2fbcf7

Color Blindness Simulator