#1fbafc hex color

In a RGB color space, hex #1fbafc is composed of 12.2% red, 72.9% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 87.7% cyan, 26.2% magenta, 0% yellow and 1.2% black. It has a hue angle of 197.9 degrees, a saturation of 97.4% and a lightness of 55.5%. #1fbafc color hex could be obtained by blending #3effff with #0075f9. Closest websafe color is: #33ccff.

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

● #1fbafc color description : Vivid blue.

The hexadecimal color #1fbafc has RGB values of R:31, G:186, B:252 and CMYK values of C:0.88, M:0.26, Y:0, K:0.01. Its decimal value is 2079484.

Hex triplet	1fbafc	`#1fbafc`
RGB Decimal	31, 186, 252	`rgb(31,186,252)`
RGB Percent	12.2, 72.9, 98.8	`rgb(12.2%,72.9%,98.8%)`
CMYK	88, 26, 0, 1
HSL	197.9°, 97.4, 55.5	`hsl(197.9,97.4%,55.5%)`
HSV (or HSB)	197.9°, 87.7, 98.8
Web Safe	33ccff	`#33ccff`

CIE-LAB	71.169, -15.006, -43.072
XYZ	35.69, 42.434, 98.4
xyY	0.202, 0.24, 42.434
CIE-LCH	71.169, 45.611, 250.792
CIE-LUV	71.169, -46.508, -68.058
Hunter-Lab	65.141, -16.199, -43.962
Binary	00011111, 10111010, 11111100

#1fbafc
```
#1fbafc rgb(31,186,252)
```
#fc611f
```
#fc611f rgb(252,97,31)
```

Complementary Color

#1ffcd0
```
#1ffcd0 rgb(31,252,208)
```
#1fbafc
```
#1fbafc rgb(31,186,252)
```
#1f4cfc
```
#1f4cfc rgb(31,76,252)
```

Analogous Color

#fcd01f
```
#fcd01f rgb(252,208,31)
```
#1fbafc
```
#1fbafc rgb(31,186,252)
```
#fc1f4c
```
#fc1f4c rgb(252,31,76)
```

Split Complementary Color

#bafc1f
```
#bafc1f rgb(186,252,31)
```
#1fbafc
```
#1fbafc rgb(31,186,252)
```
#fc1fba
```
#fc1fba rgb(252,31,186)
```

Triadic Color

#1ffc61
```
#1ffc61 rgb(31,252,97)
```
#1fbafc
```
#1fbafc rgb(31,186,252)
```
#fc1fba
```
#fc1fba rgb(252,31,186)
```
#fc611f
```
#fc611f rgb(252,97,31)
```

Tetradic Color

#0390cc
```
#0390cc rgb(3,144,204)
```
#03a1e5
```
#03a1e5 rgb(3,161,229)
```
#06b2fc
```
#06b2fc rgb(6,178,252)
```
#1fbafc
```
#1fbafc rgb(31,186,252)
```
#38c2fc
```
#38c2fc rgb(56,194,252)
```
#51cafd
```
#51cafd rgb(81,202,253)
```
#6ad1fd
```
#6ad1fd rgb(106,209,253)
```

Monochromatic Color

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

#1ff1fc
```
#1ff1fc rgb(31,241,252)
```
#1fdffc
```
#1fdffc rgb(31,223,252)
```
#1fccfc
```
#1fccfc rgb(31,204,252)
```
#1fbafc
```
#1fbafc rgb(31,186,252)
```
#1fa8fc
```
#1fa8fc rgb(31,168,252)
```
#1f95fc
```
#1f95fc rgb(31,149,252)
```
#1f83fc
```
#1f83fc rgb(31,131,252)
```

Similar Colors

Text with hexadecimal color #1fbafc

This text has a font color of #1fbafc.

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

#1fbafc background color

This paragraph has a background color of #1fbafc.

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

#1fbafc border color

This element has a border color of #1fbafc.

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

CSS codes

.text {color:#1fbafc;}

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

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

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

#000608
```
#000608 rgb(0,6,8)
```
#00131c
```
#00131c rgb(0,19,28)
```
#01212f
```
#01212f rgb(1,33,47)
```
#012f42
```
#012f42 rgb(1,47,66)
```
#013c56
```
#013c56 rgb(1,60,86)
```
#014a69
```
#014a69 rgb(1,74,105)
```
#02587c
```
#02587c rgb(2,88,124)
```
#026590
```
#026590 rgb(2,101,144)
```
#0273a3
```
#0273a3 rgb(2,115,163)
```
#0281b6
```
#0281b6 rgb(2,129,182)
```
#038eca
```
#038eca rgb(3,142,202)
```
#039cdd
```
#039cdd rgb(3,156,221)
```
#03aaf1
```
#03aaf1 rgb(3,170,241)
```

Shade Color Variation

#0cb4fc
```
#0cb4fc rgb(12,180,252)
```
#1fbafc
```
#1fbafc rgb(31,186,252)
```
#32c0fc
```
#32c0fc rgb(50,192,252)
```
#46c6fd
```
#46c6fd rgb(70,198,253)
```
#59ccfd
```
#59ccfd rgb(89,204,253)
```
#6cd2fd
```
#6cd2fd rgb(108,210,253)
```
#80d8fd
```
#80d8fd rgb(128,216,253)
```
#93defe
```
#93defe rgb(147,222,254)
```
#a6e4fe
```
#a6e4fe rgb(166,228,254)
```
#baeafe
```
#baeafe rgb(186,234,254)
```
#cdf0fe
```
#cdf0fe rgb(205,240,254)
```
#e1f6ff
```
#e1f6ff rgb(225,246,255)
```
#f4fcff
```
#f4fcff rgb(244,252,255)
```

Tint Color Variation

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

#889093
```
#889093 rgb(136,144,147)
```
#7f939c
```
#7f939c rgb(127,147,156)
```
#7697a5
```
#7697a5 rgb(118,151,165)
```
#6e9aad
```
#6e9aad rgb(110,154,173)
```
#659eb6
```
#659eb6 rgb(101,158,182)
```
#5ca1bf
```
#5ca1bf rgb(92,161,191)
```
#53a5c8
```
#53a5c8 rgb(83,165,200)
```
#4ba8d0
```
#4ba8d0 rgb(75,168,208)
```
#42acd9
```
#42acd9 rgb(66,172,217)
```
#39afe2
```
#39afe2 rgb(57,175,226)
```
#30b3eb
```
#30b3eb rgb(48,179,235)
```
#28b6f3
```
#28b6f3 rgb(40,182,243)
```
#1fbafc
```
#1fbafc rgb(31,186,252)
```

Tone Color Variation

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

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

Trichromacy

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

#1fbafc hex color

#1fbafc Color Information

#1fbafc Color Conversion

Color Schemes with #1fbafc

Alternatives to #1fbafc

#1fbafc Preview

Shades and Tints of #1fbafc

Tones of #1fbafc

Color Blindness Simulator