#2fabfc hex color

In a RGB color space, hex #2fabfc is composed of 18.4% red, 67.1% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 81.3% cyan, 32.1% magenta, 0% yellow and 1.2% black. It has a hue angle of 203.7 degrees, a saturation of 97.2% and a lightness of 58.6%. #2fabfc color hex could be obtained by blending #5effff with #0057f9. Closest websafe color is: #3399ff.

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

● #2fabfc color description : Bright blue.

The hexadecimal color #2fabfc has RGB values of R:47, G:171, B:252 and CMYK values of C:0.81, M:0.32, Y:0, K:0.01. Its decimal value is 3124220.

Hex triplet	2fabfc	`#2fabfc`
RGB Decimal	47, 171, 252	`rgb(47,171,252)`
RGB Percent	18.4, 67.1, 98.8	`rgb(18.4%,67.1%,98.8%)`
CMYK	81, 32, 0, 1
HSL	203.7°, 97.2, 58.6	`hsl(203.7,97.2%,58.6%)`
HSV (or HSB)	203.7°, 81.3, 98.8
Web Safe	3399ff	`#3399ff`

CIE-LAB	67.093, -5.671, -49.462
XYZ	33.302, 36.755, 97.429
xyY	0.199, 0.219, 36.755
CIE-LCH	67.093, 49.786, 263.459
CIE-LUV	67.093, -40.067, -79.466
Hunter-Lab	60.626, -8.047, -52.844
Binary	00101111, 10101011, 11111100

#2fabfc
```
#2fabfc rgb(47,171,252)
```
#fc802f
```
#fc802f rgb(252,128,47)
```

Complementary Color

#2ffce7
```
#2ffce7 rgb(47,252,231)
```
#2fabfc
```
#2fabfc rgb(47,171,252)
```
#2f45fc
```
#2f45fc rgb(47,69,252)
```

Analogous Color

#fce72f
```
#fce72f rgb(252,231,47)
```
#2fabfc
```
#2fabfc rgb(47,171,252)
```
#fc2f44
```
#fc2f44 rgb(252,47,68)
```

Split Complementary Color

#abfc2f
```
#abfc2f rgb(171,252,47)
```
#2fabfc
```
#2fabfc rgb(47,171,252)
```
#fc2fab
```
#fc2fab rgb(252,47,171)
```

Triadic Color

#2ffc80
```
#2ffc80 rgb(47,252,128)
```
#2fabfc
```
#2fabfc rgb(47,171,252)
```
#fc2fab
```
#fc2fab rgb(252,47,171)
```
#fc802f
```
#fc802f rgb(252,128,47)
```

Tetradic Color

#0386db
```
#0386db rgb(3,134,219)
```
#0495f4
```
#0495f4 rgb(4,149,244)
```
#16a1fc
```
#16a1fc rgb(22,161,252)
```
#2fabfc
```
#2fabfc rgb(47,171,252)
```
#48b5fc
```
#48b5fc rgb(72,181,252)
```
#61bffd
```
#61bffd rgb(97,191,253)
```
#7ac9fd
```
#7ac9fd rgb(122,201,253)
```

Monochromatic Color

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

#2fdefc
```
#2fdefc rgb(47,222,252)
```
#2fcdfc
```
#2fcdfc rgb(47,205,252)
```
#2fbcfc
```
#2fbcfc rgb(47,188,252)
```
#2fabfc
```
#2fabfc rgb(47,171,252)
```
#2f9afc
```
#2f9afc rgb(47,154,252)
```
#2f89fc
```
#2f89fc rgb(47,137,252)
```
#2f78fc
```
#2f78fc rgb(47,120,252)
```

Similar Colors

Text with hexadecimal color #2fabfc

This text has a font color of #2fabfc.

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

#2fabfc background color

This paragraph has a background color of #2fabfc.

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

#2fabfc border color

This element has a border color of #2fabfc.

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

CSS codes

.text {color:#2fabfc;}

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

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

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

#000305
```
#000305 rgb(0,3,5)
```
#000f18
```
#000f18 rgb(0,15,24)
```
#011a2b
```
#011a2b rgb(1,26,43)
```
#01263f
```
#01263f rgb(1,38,63)
```
#013252
```
#013252 rgb(1,50,82)
```
#013e65
```
#013e65 rgb(1,62,101)
```
#024a79
```
#024a79 rgb(2,74,121)
```
#02568c
```
#02568c rgb(2,86,140)
```
#02619f
```
#02619f rgb(2,97,159)
```
#036db3
```
#036db3 rgb(3,109,179)
```
#0379c6
```
#0379c6 rgb(3,121,198)
```
#0385d9
```
#0385d9 rgb(3,133,217)
```
#0391ed
```
#0391ed rgb(3,145,237)
```

Shade Color Variation

#089bfb
```
#089bfb rgb(8,155,251)
```
#1ca3fc
```
#1ca3fc rgb(28,163,252)
```
#2fabfc
```
#2fabfc rgb(47,171,252)
```
#42b3fc
```
#42b3fc rgb(66,179,252)
```
#56bbfd
```
#56bbfd rgb(86,187,253)
```
#69c2fd
```
#69c2fd rgb(105,194,253)
```
#7ccafd
```
#7ccafd rgb(124,202,253)
```
#90d2fd
```
#90d2fd rgb(144,210,253)
```
#a3dafe
```
#a3dafe rgb(163,218,254)
```
#b6e2fe
```
#b6e2fe rgb(182,226,254)
```
#cae9fe
```
#cae9fe rgb(202,233,254)
```
#ddf1ff
```
#ddf1ff rgb(221,241,255)
```
#f0f9ff
```
#f0f9ff rgb(240,249,255)
```

Tint Color Variation

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

#90979b
```
#90979b rgb(144,151,155)
```
#8898a3
```
#8898a3 rgb(136,152,163)
```
#809aab
```
#809aab rgb(128,154,171)
```
#789cb3
```
#789cb3 rgb(120,156,179)
```
#709dbb
```
#709dbb rgb(112,157,187)
```
#689fc3
```
#689fc3 rgb(104,159,195)
```
#60a1cb
```
#60a1cb rgb(96,161,203)
```
#58a2d3
```
#58a2d3 rgb(88,162,211)
```
#4fa4dc
```
#4fa4dc rgb(79,164,220)
```
#47a6e4
```
#47a6e4 rgb(71,166,228)
```
#3fa8ec
```
#3fa8ec rgb(63,168,236)
```
#37a9f4
```
#37a9f4 rgb(55,169,244)
```
#2fabfc
```
#2fabfc rgb(47,171,252)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#7c95a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8aa5f4 Protanopia 1% of men
#73a8ff Deuteranopia 1% of men
#00b8c4 Tritanopia 0.001% of the population

Trichromacy

#69a7f7 Protanomaly 1% of men, 0.01% of women
#5aa9fd Deuteranomaly 6% of men, 0.4% of women
#11b3d8 Tritanomaly 0.01% of the population

#2fabfc hex color

#2fabfc Color Information

#2fabfc Color Conversion

Color Schemes with #2fabfc

Alternatives to #2fabfc

#2fabfc Preview

Shades and Tints of #2fabfc

Tones of #2fabfc

Color Blindness Simulator