#2fbafb hex color

In a RGB color space, hex #2fbafb is composed of 18.4% red, 72.9% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 81.3% cyan, 25.9% magenta, 0% yellow and 1.6% black. It has a hue angle of 199.1 degrees, a saturation of 96.2% and a lightness of 58.4%. #2fbafb color hex could be obtained by blending #5effff with #0075f7. Closest websafe color is: #33ccff.

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

● #2fbafb color description : Bright blue.

The hexadecimal color #2fbafb has RGB values of R:47, G:186, B:251 and CMYK values of C:0.81, M:0.26, Y:0, K:0.02. Its decimal value is 3128059.

Hex triplet	2fbafb	`#2fbafb`
RGB Decimal	47, 186, 251	`rgb(47,186,251)`
RGB Percent	18.4, 72.9, 98.4	`rgb(18.4%,72.9%,98.4%)`
CMYK	81, 26, 0, 2
HSL	199.1°, 96.2, 58.4	`hsl(199.1,96.2%,58.4%)`
HSV (or HSB)	199.1°, 81.3, 98.4
Web Safe	33ccff	`#33ccff`

CIE-LAB	71.34, -14.235, -42.249
XYZ	36.139, 42.684, 97.596
xyY	0.205, 0.242, 42.684
CIE-LCH	71.34, 44.583, 251.379
CIE-LUV	71.34, -45.152, -66.744
Hunter-Lab	65.333, -15.594, -42.836
Binary	00101111, 10111010, 11111011

#2fbafb
```
#2fbafb rgb(47,186,251)
```
#fb702f
```
#fb702f rgb(251,112,47)
```

Complementary Color

#2ffbd6
```
#2ffbd6 rgb(47,251,214)
```
#2fbafb
```
#2fbafb rgb(47,186,251)
```
#2f54fb
```
#2f54fb rgb(47,84,251)
```

Analogous Color

#fbd62f
```
#fbd62f rgb(251,214,47)
```
#2fbafb
```
#2fbafb rgb(47,186,251)
```
#fb2f54
```
#fb2f54 rgb(251,47,84)
```

Split Complementary Color

#bafb2f
```
#bafb2f rgb(186,251,47)
```
#2fbafb
```
#2fbafb rgb(47,186,251)
```
#fb2fba
```
#fb2fba rgb(251,47,186)
```

Triadic Color

#2ffb70
```
#2ffb70 rgb(47,251,112)
```
#2fbafb
```
#2fbafb rgb(47,186,251)
```
#fb2fba
```
#fb2fba rgb(251,47,186)
```
#fb702f
```
#fb702f rgb(251,112,47)
```

Tetradic Color

#0495d9
```
#0495d9 rgb(4,149,217)
```
#05a7f2
```
#05a7f2 rgb(5,167,242)
```
#16b2fb
```
#16b2fb rgb(22,178,251)
```
#2fbafb
```
#2fbafb rgb(47,186,251)
```
#48c2fb
```
#48c2fb rgb(72,194,251)
```
#61cbfc
```
#61cbfc rgb(97,203,252)
```
#7ad3fc
```
#7ad3fc rgb(122,211,252)
```

Monochromatic Color

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

#2fedfb
```
#2fedfb rgb(47,237,251)
```
#2fdcfb
```
#2fdcfb rgb(47,220,251)
```
#2fcbfb
```
#2fcbfb rgb(47,203,251)
```
#2fbafb
```
#2fbafb rgb(47,186,251)
```
#2fa9fb
```
#2fa9fb rgb(47,169,251)
```
#2f98fb
```
#2f98fb rgb(47,152,251)
```
#2f87fb
```
#2f87fb rgb(47,135,251)
```

Similar Colors

Text with hexadecimal color #2fbafb

This text has a font color of #2fbafb.

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

#2fbafb background color

This paragraph has a background color of #2fbafb.

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

#2fbafb border color

This element has a border color of #2fbafb.

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

CSS codes

.text {color:#2fbafb;}

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

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

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

#000304
```
#000304 rgb(0,3,4)
```
#001017
```
#001017 rgb(0,16,23)
```
#011d2a
```
#011d2a rgb(1,29,42)
```
#012a3d
```
#012a3d rgb(1,42,61)
```
#023751
```
#023751 rgb(2,55,81)
```
#024564
```
#024564 rgb(2,69,100)
```
#025277
```
#025277 rgb(2,82,119)
```
#035f8a
```
#035f8a rgb(3,95,138)
```
#036c9e
```
#036c9e rgb(3,108,158)
```
#037ab1
```
#037ab1 rgb(3,122,177)
```
#0487c4
```
#0487c4 rgb(4,135,196)
```
#0494d7
```
#0494d7 rgb(4,148,215)
```
#05a1eb
```
#05a1eb rgb(5,161,235)
```

Shade Color Variation

#09adfa
```
#09adfa rgb(9,173,250)
```
#1cb4fb
```
#1cb4fb rgb(28,180,251)
```
#2fbafb
```
#2fbafb rgb(47,186,251)
```
#42c0fb
```
#42c0fb rgb(66,192,251)
```
#55c7fc
```
#55c7fc rgb(85,199,252)
```
#69cdfc
```
#69cdfc rgb(105,205,252)
```
#7cd4fc
```
#7cd4fc rgb(124,212,252)
```
#8fdafd
```
#8fdafd rgb(143,218,253)
```
#a2e0fd
```
#a2e0fd rgb(162,224,253)
```
#b6e7fe
```
#b6e7fe rgb(182,231,254)
```
#c9edfe
```
#c9edfe rgb(201,237,254)
```
#dcf3fe
```
#dcf3fe rgb(220,243,254)
```
#effaff
```
#effaff rgb(239,250,255)
```

Tint Color Variation

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

#919799
```
#919799 rgb(145,151,153)
```
#8999a1
```
#8999a1 rgb(137,153,161)
```
#819ca9
```
#819ca9 rgb(129,156,169)
```
#789fb2
```
#789fb2 rgb(120,159,178)
```
#70a2ba
```
#70a2ba rgb(112,162,186)
```
#68a5c2
```
#68a5c2 rgb(104,165,194)
```
#60a8ca
```
#60a8ca rgb(96,168,202)
```
#58abd2
```
#58abd2 rgb(88,171,210)
```
#50aeda
```
#50aeda rgb(80,174,218)
```
#47b1e3
```
#47b1e3 rgb(71,177,227)
```
#3fb4eb
```
#3fb4eb rgb(63,180,235)
```
#37b7f3
```
#37b7f3 rgb(55,183,243)
```
#2fbafb
```
#2fbafb rgb(47,186,251)
```

Tone Color Variation

Below, you can see how #2fbafb 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
#839fac Atypical Achromatopsia 0.001% of the population

Dichromacy

#9db0f1 Protanopia 1% of men
#8eb2ff Deuteranopia 1% of men
#00c4d2 Tritanopia 0.001% of the population

Trichromacy

#75b4f5 Protanomaly 1% of men, 0.01% of women
#6bb4fd Deuteranomaly 6% of men, 0.4% of women
#11c0e0 Tritanomaly 0.01% of the population

#2fbafb hex color

#2fbafb Color Information

#2fbafb Color Conversion

Color Schemes with #2fbafb

Alternatives to #2fbafb

#2fbafb Preview

Shades and Tints of #2fbafb

Tones of #2fbafb

Color Blindness Simulator