colorhexa.com

#2fbbf6 hex color

In a RGB color space, hex #2fbbf6 is composed of 18.4% red, 73.3% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 80.9% cyan, 24% magenta, 0% yellow and 3.5% black. It has a hue angle of 197.8 degrees, a saturation of 91.7% and a lightness of 57.5%. #2fbbf6 color hex could be obtained by blending #5effff with #0077ed. Closest websafe color is: #33ccff.

- R 18
- G 73
- B 96
RGB color chart
- C 81
- M 24
- Y 0
- K 4
CMYK color chart

● #2fbbf6 color description : Bright blue.

The hexadecimal color #2fbbf6 has RGB values of R:47, G:187, B:246 and CMYK values of C:0.81, M:0.24, Y:0, K:0.04. Its decimal value is 3128310.

Hex triplet	2fbbf6	`#2fbbf6`
RGB Decimal	47, 187, 246	`rgb(47,187,246)`
RGB Percent	18.4, 73.3, 96.5	`rgb(18.4%,73.3%,96.5%)`
CMYK	81, 24, 0, 4
HSL	197.8°, 91.7, 57.5	`hsl(197.8,91.7%,57.5%)`
HSV (or HSB)	197.8°, 80.9, 96.5
Web Safe	33ccff	`#33ccff`

CIE-LAB	71.416, -16.466, -39.429
XYZ	35.573, 42.796, 93.569
xyY	0.207, 0.249, 42.796
CIE-LCH	71.416, 42.729, 247.334
CIE-LUV	71.416, -45.811, -61.628
Hunter-Lab	65.418, -17.418, -39.011
Binary	00101111, 10111011, 11110110

#2fbbf6
```
#2fbbf6 rgb(47,187,246)
```
#f66a2f
```
#f66a2f rgb(246,106,47)
```

Complementary Color

#2ff6ce
```
#2ff6ce rgb(47,246,206)
```
#2fbbf6
```
#2fbbf6 rgb(47,187,246)
```
#2f58f6
```
#2f58f6 rgb(47,88,246)
```

Analogous Color

#f6ce2f
```
#f6ce2f rgb(246,206,47)
```
#2fbbf6
```
#2fbbf6 rgb(47,187,246)
```
#f62f58
```
#f62f58 rgb(246,47,88)
```

Split Complementary Color

#bbf62f
```
#bbf62f rgb(187,246,47)
```
#2fbbf6
```
#2fbbf6 rgb(47,187,246)
```
#f62fbb
```
#f62fbb rgb(246,47,187)
```

Triadic Color

#2ff66a
```
#2ff66a rgb(47,246,106)
```
#2fbbf6
```
#2fbbf6 rgb(47,187,246)
```
#f62fbb
```
#f62fbb rgb(246,47,187)
```
#f66a2f
```
#f66a2f rgb(246,106,47)
```

Tetradic Color

#0995d0
```
#0995d0 rgb(9,149,208)
```
#0aa6e8
```
#0aa6e8 rgb(10,166,232)
```
#17b3f5
```
#17b3f5 rgb(23,179,245)
```
#2fbbf6
```
#2fbbf6 rgb(47,187,246)
```
#47c3f7
```
#47c3f7 rgb(71,195,247)
```
#60cbf8
```
#60cbf8 rgb(96,203,248)
```
#78d3f9
```
#78d3f9 rgb(120,211,249)
```

Monochromatic Color

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

#2fedf6
```
#2fedf6 rgb(47,237,246)
```
#2fdcf6
```
#2fdcf6 rgb(47,220,246)
```
#2fccf6
```
#2fccf6 rgb(47,204,246)
```
#2fbbf6
```
#2fbbf6 rgb(47,187,246)
```
#2faaf6
```
#2faaf6 rgb(47,170,246)
```
#2f9af6
```
#2f9af6 rgb(47,154,246)
```
#2f89f6
```
#2f89f6 rgb(47,137,246)
```

Similar Colors

Text with hexadecimal color #2fbbf6

This text has a font color of #2fbbf6.

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

#2fbbf6 background color

This paragraph has a background color of #2fbbf6.

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

#2fbbf6 border color

This element has a border color of #2fbbf6.

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

CSS codes

.text {color:#2fbbf6;}

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

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

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

#010d12
```
#010d12 rgb(1,13,18)
```
#021a24
```
#021a24 rgb(2,26,36)
```
#022837
```
#022837 rgb(2,40,55)
```
#03354a
```
#03354a rgb(3,53,74)
```
#04425d
```
#04425d rgb(4,66,93)
```
#055070
```
#055070 rgb(5,80,112)
```
#065d82
```
#065d82 rgb(6,93,130)
```
#066b95
```
#066b95 rgb(6,107,149)
```
#0778a8
```
#0778a8 rgb(7,120,168)
```
#0886bb
```
#0886bb rgb(8,134,187)
```
#0993ce
```
#0993ce rgb(9,147,206)
```
#0aa1e0
```
#0aa1e0 rgb(10,161,224)
```
#0baef3
```
#0baef3 rgb(11,174,243)
```

Shade Color Variation

#1cb5f5
```
#1cb5f5 rgb(28,181,245)
```
#2fbbf6
```
#2fbbf6 rgb(47,187,246)
```
#42c1f7
```
#42c1f7 rgb(66,193,247)
```
#55c7f8
```
#55c7f8 rgb(85,199,248)
```
#67cdf8
```
#67cdf8 rgb(103,205,248)
```
#7ad4f9
```
#7ad4f9 rgb(122,212,249)
```
#8ddafa
```
#8ddafa rgb(141,218,250)
```
#a0e0fb
```
#a0e0fb rgb(160,224,251)
```
#b3e6fc
```
#b3e6fc rgb(179,230,252)
```
#c5ecfd
```
#c5ecfd rgb(197,236,253)
```
#d8f2fd
```
#d8f2fd rgb(216,242,253)
```
#ebf8fe
```
#ebf8fe rgb(235,248,254)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#8b969a
```
#8b969a rgb(139,150,154)
```
#8299a3
```
#8299a3 rgb(130,153,163)
```
#7a9cab
```
#7a9cab rgb(122,156,171)
```
#72a0b3
```
#72a0b3 rgb(114,160,179)
```
#69a3bc
```
#69a3bc rgb(105,163,188)
```
#61a7c4
```
#61a7c4 rgb(97,167,196)
```
#59aacc
```
#59aacc rgb(89,170,204)
```
#50add5
```
#50add5 rgb(80,173,213)
```
#48b1dd
```
#48b1dd rgb(72,177,221)
```
#40b4e5
```
#40b4e5 rgb(64,180,229)
```
#37b8ee
```
#37b8ee rgb(55,184,238)
```
#2fbbf6
```
#2fbbf6 rgb(47,187,246)
```
#27befe
```
#27befe rgb(39,190,254)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#839fab Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0b0ec Protanopia 1% of men
#93b1fb Deuteranopia 1% of men
#00c4d2 Tritanopia 0.001% of the population

Trichromacy

#77b4f0 Protanomaly 1% of men, 0.01% of women
#6eb5f9 Deuteranomaly 6% of men, 0.4% of women
#11c1df Tritanomaly 0.01% of the population