#1fbffa hex color

In a RGB color space, hex #1fbffa is composed of 12.2% red, 74.9% green and 98% blue. Whereas in a CMYK color space, it is composed of 87.6% cyan, 23.6% magenta, 0% yellow and 2% black. It has a hue angle of 196.2 degrees, a saturation of 95.6% and a lightness of 55.1%. #1fbffa color hex could be obtained by blending #3effff with #007ff5. Closest websafe color is: #33ccff.

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

● #1fbffa color description : Vivid blue.

The hexadecimal color #1fbffa has RGB values of R:31, G:191, B:250 and CMYK values of C:0.88, M:0.24, Y:0, K:0.02. Its decimal value is 2080762.

Hex triplet	1fbffa	`#1fbffa`
RGB Decimal	31, 191, 250	`rgb(31,191,250)`
RGB Percent	12.2, 74.9, 98	`rgb(12.2%,74.9%,98%)`
CMYK	88, 24, 0, 2
HSL	196.2°, 95.6, 55.1	`hsl(196.2,95.6%,55.1%)`
HSV (or HSB)	196.2°, 87.6, 98
Web Safe	33ccff	`#33ccff`

CIE-LAB	72.529, -18.338, -39.869
XYZ	36.447, 44.452, 97.096
xyY	0.205, 0.25, 44.452
CIE-LCH	72.529, 43.884, 245.3
CIE-LUV	72.529, -48.321, -62.29
Hunter-Lab	66.672, -19.098, -39.675
Binary	00011111, 10111111, 11111010

#1fbffa
```
#1fbffa rgb(31,191,250)
```
#fa5a1f
```
#fa5a1f rgb(250,90,31)
```

Complementary Color

#1ffac8
```
#1ffac8 rgb(31,250,200)
```
#1fbffa
```
#1fbffa rgb(31,191,250)
```
#1f52fa
```
#1f52fa rgb(31,82,250)
```

Analogous Color

#fac81f
```
#fac81f rgb(250,200,31)
```
#1fbffa
```
#1fbffa rgb(31,191,250)
```
#fa1f52
```
#fa1f52 rgb(250,31,82)
```

Split Complementary Color

#bffa1f
```
#bffa1f rgb(191,250,31)
```
#1fbffa
```
#1fbffa rgb(31,191,250)
```
#fa1fbf
```
#fa1fbf rgb(250,31,191)
```

Triadic Color

#1ffa5a
```
#1ffa5a rgb(31,250,90)
```
#1fbffa
```
#1fbffa rgb(31,191,250)
```
#fa1fbf
```
#fa1fbf rgb(250,31,191)
```
#fa5a1f
```
#fa5a1f rgb(250,90,31)
```

Tetradic Color

#0493c8
```
#0493c8 rgb(4,147,200)
```
#05a6e1
```
#05a6e1 rgb(5,166,225)
```
#06b8f9
```
#06b8f9 rgb(6,184,249)
```
#1fbffa
```
#1fbffa rgb(31,191,250)
```
#38c6fb
```
#38c6fb rgb(56,198,251)
```
#51cdfb
```
#51cdfb rgb(81,205,251)
```
#6ad4fc
```
#6ad4fc rgb(106,212,252)
```

Monochromatic Color

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

#1ff6fa
```
#1ff6fa rgb(31,246,250)
```
#1fe4fa
```
#1fe4fa rgb(31,228,250)
```
#1fd1fa
```
#1fd1fa rgb(31,209,250)
```
#1fbffa
```
#1fbffa rgb(31,191,250)
```
#1fadfa
```
#1fadfa rgb(31,173,250)
```
#1f9bfa
```
#1f9bfa rgb(31,155,250)
```
#1f88fa
```
#1f88fa rgb(31,136,250)
```

Similar Colors

Text with hexadecimal color #1fbffa

This text has a font color of #1fbffa.

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

#1fbffa background color

This paragraph has a background color of #1fbffa.

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

#1fbffa border color

This element has a border color of #1fbffa.

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

CSS codes

.text {color:#1fbffa;}

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

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

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

#000506
```
#000506 rgb(0,5,6)
```
#011319
```
#011319 rgb(1,19,25)
```
#01212d
```
#01212d rgb(1,33,45)
```
#012f40
```
#012f40 rgb(1,47,64)
```
#023d53
```
#023d53 rgb(2,61,83)
```
#024b66
```
#024b66 rgb(2,75,102)
```
#035979
```
#035979 rgb(3,89,121)
```
#03688d
```
#03688d rgb(3,104,141)
```
#0476a0
```
#0476a0 rgb(4,118,160)
```
#0484b3
```
#0484b3 rgb(4,132,179)
```
#0492c6
```
#0492c6 rgb(4,146,198)
```
#05a0d9
```
#05a0d9 rgb(5,160,217)
```
#05aeec
```
#05aeec rgb(5,174,236)
```

Shade Color Variation

#0cbafa
```
#0cbafa rgb(12,186,250)
```
#1fbffa
```
#1fbffa rgb(31,191,250)
```
#32c4fa
```
#32c4fa rgb(50,196,250)
```
#45cafb
```
#45cafb rgb(69,202,251)
```
#59cffb
```
#59cffb rgb(89,207,251)
```
#6cd5fc
```
#6cd5fc rgb(108,213,252)
```
#7fdafc
```
#7fdafc rgb(127,218,252)
```
#92e0fd
```
#92e0fd rgb(146,224,253)
```
#a5e5fd
```
#a5e5fd rgb(165,229,253)
```
#b8ebfd
```
#b8ebfd rgb(184,235,253)
```
#ccf0fe
```
#ccf0fe rgb(204,240,254)
```
#dff6fe
```
#dff6fe rgb(223,246,254)
```
#f2fbff
```
#f2fbff rgb(242,251,255)
```

Tint Color Variation

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

#898e90
```
#898e90 rgb(137,142,144)
```
#809299
```
#809299 rgb(128,146,153)
```
#7796a2
```
#7796a2 rgb(119,150,162)
```
#6e9aab
```
#6e9aab rgb(110,154,171)
```
#659fb4
```
#659fb4 rgb(101,159,180)
```
#5da3bc
```
#5da3bc rgb(93,163,188)
```
#54a7c5
```
#54a7c5 rgb(84,167,197)
```
#4babce
```
#4babce rgb(75,171,206)
```
#42afd7
```
#42afd7 rgb(66,175,215)
```
#39b3e0
```
#39b3e0 rgb(57,179,224)
```
#31b7e8
```
#31b7e8 rgb(49,183,232)
```
#28bbf1
```
#28bbf1 rgb(40,187,241)
```
#1fbffa
```
#1fbffa rgb(31,191,250)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#7e9eaa Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3b3f0 Protanopia 1% of men
#95b4ff Deuteranopia 1% of men
#00c7d5 Tritanopia 0.001% of the population

Trichromacy

#73b7f3 Protanomaly 1% of men, 0.01% of women
#6ab8fd Deuteranomaly 6% of men, 0.4% of women
#0bc4e2 Tritanomaly 0.01% of the population

#1fbffa hex color

#1fbffa Color Information

#1fbffa Color Conversion

Color Schemes with #1fbffa

Alternatives to #1fbffa

#1fbffa Preview

Shades and Tints of #1fbffa

Tones of #1fbffa

Color Blindness Simulator