#1fbafb hex color

In a RGB color space, hex #1fbafb is composed of 12.2% red, 72.9% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 87.6% cyan, 25.9% magenta, 0% yellow and 1.6% black. It has a hue angle of 197.7 degrees, a saturation of 96.5% and a lightness of 55.3%. #1fbafb color hex could be obtained by blending #3effff with #0075f7. Closest websafe color is: #33ccff.

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

● #1fbafb color description : Vivid blue.

The hexadecimal color #1fbafb has RGB values of R:31, G:186, B:251 and CMYK values of C:0.88, M:0.26, Y:0, K:0.02. Its decimal value is 2079483.

Hex triplet	1fbafb	`#1fbafb`
RGB Decimal	31, 186, 251	`rgb(31,186,251)`
RGB Percent	12.2, 72.9, 98.4	`rgb(12.2%,72.9%,98.4%)`
CMYK	88, 26, 0, 2
HSL	197.7°, 96.5, 55.3	`hsl(197.7,96.5%,55.3%)`
HSV (or HSB)	197.7°, 87.6, 98.4
Web Safe	33ccff	`#33ccff`

CIE-LAB	71.126, -15.353, -42.6
XYZ	35.532, 42.371, 97.567
xyY	0.202, 0.241, 42.371
CIE-LCH	71.126, 45.282, 250.181
CIE-LUV	71.126, -46.576, -67.197
Hunter-Lab	65.093, -16.475, -43.304
Binary	00011111, 10111010, 11111011

#1fbafb
```
#1fbafb rgb(31,186,251)
```
#fb601f
```
#fb601f rgb(251,96,31)
```

Complementary Color

#1ffbce
```
#1ffbce rgb(31,251,206)
```
#1fbafb
```
#1fbafb rgb(31,186,251)
```
#1f4cfb
```
#1f4cfb rgb(31,76,251)
```

Analogous Color

#fbce1f
```
#fbce1f rgb(251,206,31)
```
#1fbafb
```
#1fbafb rgb(31,186,251)
```
#fb1f4c
```
#fb1f4c rgb(251,31,76)
```

Split Complementary Color

#bafb1f
```
#bafb1f rgb(186,251,31)
```
#1fbafb
```
#1fbafb rgb(31,186,251)
```
#fb1fba
```
#fb1fba rgb(251,31,186)
```

Triadic Color

#1ffb60
```
#1ffb60 rgb(31,251,96)
```
#1fbafb
```
#1fbafb rgb(31,186,251)
```
#fb1fba
```
#fb1fba rgb(251,31,186)
```
#fb601f
```
#fb601f rgb(251,96,31)
```

Tetradic Color

#048fca
```
#048fca rgb(4,143,202)
```
#04a1e3
```
#04a1e3 rgb(4,161,227)
```
#06b2fb
```
#06b2fb rgb(6,178,251)
```
#1fbafb
```
#1fbafb rgb(31,186,251)
```
#38c2fb
```
#38c2fb rgb(56,194,251)
```
#51c9fc
```
#51c9fc rgb(81,201,252)
```
#6ad1fc
```
#6ad1fc rgb(106,209,252)
```

Monochromatic Color

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

#1ff1fb
```
#1ff1fb rgb(31,241,251)
```
#1fdffb
```
#1fdffb rgb(31,223,251)
```
#1fccfb
```
#1fccfb rgb(31,204,251)
```
#1fbafb
```
#1fbafb rgb(31,186,251)
```
#1fa8fb
```
#1fa8fb rgb(31,168,251)
```
#1f95fb
```
#1f95fb rgb(31,149,251)
```
#1f83fb
```
#1f83fb rgb(31,131,251)
```

Similar Colors

Text with hexadecimal color #1fbafb

This text has a font color of #1fbafb.

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

#1fbafb background color

This paragraph has a background color of #1fbafb.

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

#1fbafb border color

This element has a border color of #1fbafb.

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

CSS codes

.text {color:#1fbafb;}

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

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

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

#000507
```
#000507 rgb(0,5,7)
```
#00131b
```
#00131b rgb(0,19,27)
```
#01212e
```
#01212e rgb(1,33,46)
```
#012e41
```
#012e41 rgb(1,46,65)
```
#023c54
```
#023c54 rgb(2,60,84)
```
#024a68
```
#024a68 rgb(2,74,104)
```
#02577b
```
#02577b rgb(2,87,123)
```
#03658e
```
#03658e rgb(3,101,142)
```
#0373a1
```
#0373a1 rgb(3,115,161)
```
#0380b5
```
#0380b5 rgb(3,128,181)
```
#048ec8
```
#048ec8 rgb(4,142,200)
```
#049cdb
```
#049cdb rgb(4,156,219)
```
#04a9ef
```
#04a9ef rgb(4,169,239)
```

Shade Color Variation

#0cb4fb
```
#0cb4fb rgb(12,180,251)
```
#1fbafb
```
#1fbafb rgb(31,186,251)
```
#32c0fb
```
#32c0fb rgb(50,192,251)
```
#46c6fc
```
#46c6fc rgb(70,198,252)
```
#59ccfc
```
#59ccfc rgb(89,204,252)
```
#6cd2fc
```
#6cd2fc rgb(108,210,252)
```
#7fd8fd
```
#7fd8fd rgb(127,216,253)
```
#93defd
```
#93defd rgb(147,222,253)
```
#a6e4fd
```
#a6e4fd rgb(166,228,253)
```
#b9e9fe
```
#b9e9fe rgb(185,233,254)
```
#cceffe
```
#cceffe rgb(204,239,254)
```
#e0f5fe
```
#e0f5fe rgb(224,245,254)
```
#f3fbff
```
#f3fbff rgb(243,251,255)
```

Tint Color Variation

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

#888f92
```
#888f92 rgb(136,143,146)
```
#7f939b
```
#7f939b rgb(127,147,155)
```
#7796a3
```
#7796a3 rgb(119,150,163)
```
#6e9aac
```
#6e9aac rgb(110,154,172)
```
#659db5
```
#659db5 rgb(101,157,181)
```
#5ca1be
```
#5ca1be rgb(92,161,190)
```
#54a4c6
```
#54a4c6 rgb(84,164,198)
```
#4ba8cf
```
#4ba8cf rgb(75,168,207)
```
#42acd8
```
#42acd8 rgb(66,172,216)
```
#39afe1
```
#39afe1 rgb(57,175,225)
```
#31b3e9
```
#31b3e9 rgb(49,179,233)
```
#28b6f2
```
#28b6f2 rgb(40,182,242)
```
#1fbafb
```
#1fbafb rgb(31,186,251)
```

Tone Color Variation

Below, you can see how #1fbafb 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

#939393 Achromatopsia 0.005% of the population
#7c9ba8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9cb0f1 Protanopia 1% of men
#8db1ff Deuteranopia 1% of men
#00c3d1 Tritanopia 0.001% of the population

Trichromacy

#6fb3f4 Protanomaly 1% of men, 0.01% of women
#65b4fd Deuteranomaly 6% of men, 0.4% of women
#0bc0e0 Tritanomaly 0.01% of the population

#1fbafb hex color

#1fbafb Color Information

#1fbafb Color Conversion

Color Schemes with #1fbafb

Alternatives to #1fbafb

#1fbafb Preview

Shades and Tints of #1fbafb

Tones of #1fbafb

Color Blindness Simulator