#2fbbfd hex color

In a RGB color space, hex #2fbbfd is composed of 18.4% red, 73.3% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 81.4% cyan, 26.1% magenta, 0% yellow and 0.8% black. It has a hue angle of 199.2 degrees, a saturation of 98.1% and a lightness of 58.8%. #2fbbfd color hex could be obtained by blending #5effff with #0077fb. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 18
- G 73
- B 99
RGB color chart
- C 81
- M 26
- Y 0
- K 1
CMYK color chart

● #2fbbfd color description : Bright blue.

The hexadecimal color #2fbbfd has RGB values of R:47, G:187, B:253 and CMYK values of C:0.81, M:0.26, Y:0, K:0.01. Its decimal value is 3128317.

Hex triplet	2fbbfd	`#2fbbfd`
RGB Decimal	47, 187, 253	`rgb(47,187,253)`
RGB Percent	18.4, 73.3, 99.2	`rgb(18.4%,73.3%,99.2%)`
CMYK	81, 26, 0, 1
HSL	199.2°, 98.1, 58.8	`hsl(199.2,98.1%,58.8%)`
HSV (or HSB)	199.2°, 81.4, 99.2
Web Safe	33ccff	`#33ccff`

CIE-LAB	71.713, -14.088, -42.745
XYZ	36.668, 43.233, 99.335
xyY	0.205, 0.241, 43.233
CIE-LCH	71.713, 45.007, 251.759
CIE-LUV	71.713, -45.364, -67.661
Hunter-Lab	65.752, -15.523, -43.546
Binary	00101111, 10111011, 11111101

#2fbbfd
```
#2fbbfd rgb(47,187,253)
```
#fd712f
```
#fd712f rgb(253,113,47)
```

Complementary Color

#2ffdd8
```
#2ffdd8 rgb(47,253,216)
```
#2fbbfd
```
#2fbbfd rgb(47,187,253)
```
#2f54fd
```
#2f54fd rgb(47,84,253)
```

Analogous Color

#fdd82f
```
#fdd82f rgb(253,216,47)
```
#2fbbfd
```
#2fbbfd rgb(47,187,253)
```
#fd2f54
```
#fd2f54 rgb(253,47,84)
```

Split Complementary Color

#bbfd2f
```
#bbfd2f rgb(187,253,47)
```
#2fbbfd
```
#2fbbfd rgb(47,187,253)
```
#fd2fbb
```
#fd2fbb rgb(253,47,187)
```

Triadic Color

#2ffd71
```
#2ffd71 rgb(47,253,113)
```
#2fbbfd
```
#2fbbfd rgb(47,187,253)
```
#fd2fbb
```
#fd2fbb rgb(253,47,187)
```
#fd712f
```
#fd712f rgb(253,113,47)
```

Tetradic Color

#0297dd
```
#0297dd rgb(2,151,221)
```
#02a8f7
```
#02a8f7 rgb(2,168,247)
```
#16b3fd
```
#16b3fd rgb(22,179,253)
```
#2fbbfd
```
#2fbbfd rgb(47,187,253)
```
#48c3fd
```
#48c3fd rgb(72,195,253)
```
#62ccfd
```
#62ccfd rgb(98,204,253)
```
#7bd4fe
```
#7bd4fe rgb(123,212,254)
```

Monochromatic Color

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

#2feffd
```
#2feffd rgb(47,239,253)
```
#2fddfd
```
#2fddfd rgb(47,221,253)
```
#2fccfd
```
#2fccfd rgb(47,204,253)
```
#2fbbfd
```
#2fbbfd rgb(47,187,253)
```
#2faafd
```
#2faafd rgb(47,170,253)
```
#2f99fd
```
#2f99fd rgb(47,153,253)
```
#2f88fd
```
#2f88fd rgb(47,136,253)
```

Similar Colors

Text with hexadecimal color #2fbbfd

This text has a font color of #2fbbfd.

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

#2fbbfd background color

This paragraph has a background color of #2fbbfd.

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

#2fbbfd border color

This element has a border color of #2fbbfd.

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

CSS codes

.text {color:#2fbbfd;}

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

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

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

#000406
```
#000406 rgb(0,4,6)
```
#001119
```
#001119 rgb(0,17,25)
```
#001e2d
```
#001e2d rgb(0,30,45)
```
#012c40
```
#012c40 rgb(1,44,64)
```
#013953
```
#013953 rgb(1,57,83)
```
#014667
```
#014667 rgb(1,70,103)
```
#01537a
```
#01537a rgb(1,83,122)
```
#01618e
```
#01618e rgb(1,97,142)
```
#026ea1
```
#026ea1 rgb(2,110,161)
```
#027bb5
```
#027bb5 rgb(2,123,181)
```
#0289c8
```
#0289c8 rgb(2,137,200)
```
#0296db
```
#0296db rgb(2,150,219)
```
#02a3ef
```
#02a3ef rgb(2,163,239)
```

Shade Color Variation

#08aefd
```
#08aefd rgb(8,174,253)
```
#1cb5fd
```
#1cb5fd rgb(28,181,253)
```
#2fbbfd
```
#2fbbfd rgb(47,187,253)
```
#42c1fd
```
#42c1fd rgb(66,193,253)
```
#56c8fd
```
#56c8fd rgb(86,200,253)
```
#69cefe
```
#69cefe rgb(105,206,254)
```
#7dd4fe
```
#7dd4fe rgb(125,212,254)
```
#90dbfe
```
#90dbfe rgb(144,219,254)
```
#a4e1fe
```
#a4e1fe rgb(164,225,254)
```
#b7e7fe
```
#b7e7fe rgb(183,231,254)
```
#caeefe
```
#caeefe rgb(202,238,254)
```
#def4ff
```
#def4ff rgb(222,244,255)
```
#f1fbff
```
#f1fbff rgb(241,251,255)
```

Tint Color Variation

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

#90989c
```
#90989c rgb(144,152,156)
```
#889ba4
```
#889ba4 rgb(136,155,164)
```
#809eac
```
#809eac rgb(128,158,172)
```
#78a1b4
```
#78a1b4 rgb(120,161,180)
```
#70a4bc
```
#70a4bc rgb(112,164,188)
```
#68a7c4
```
#68a7c4 rgb(104,167,196)
```
#5faacd
```
#5faacd rgb(95,170,205)
```
#57acd5
```
#57acd5 rgb(87,172,213)
```
#4fafdd
```
#4fafdd rgb(79,175,221)
```
#47b2e5
```
#47b2e5 rgb(71,178,229)
```
#3fb5ed
```
#3fb5ed rgb(63,181,237)
```
#37b8f5
```
#37b8f5 rgb(55,184,245)
```
#2fbbfd
```
#2fbbfd rgb(47,187,253)
```

Tone Color Variation

Below, you can see how #2fbbfd 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
#84a0ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#9eb1f3 Protanopia 1% of men
#90b3ff Deuteranopia 1% of men
#00c5d3 Tritanopia 0.001% of the population

Trichromacy

#75b4f7 Protanomaly 1% of men, 0.01% of women
#6cb5fe Deuteranomaly 6% of men, 0.4% of women
#11c1e2 Tritanomaly 0.01% of the population

#2fbbfd hex color

#2fbbfd Color Information

#2fbbfd Color Conversion

Color Schemes with #2fbbfd

Alternatives to #2fbbfd

#2fbbfd Preview

Shades and Tints of #2fbbfd

Tones of #2fbbfd

Color Blindness Simulator