#1fb5fc hex color

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

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

● #1fb5fc color description : Vivid blue.

The hexadecimal color #1fb5fc has RGB values of R:31, G:181, B:252 and CMYK values of C:0.88, M:0.28, Y:0, K:0.01. Its decimal value is 2078204.

Hex triplet	1fb5fc	`#1fb5fc`
RGB Decimal	31, 181, 252	`rgb(31,181,252)`
RGB Percent	12.2, 71, 98.8	`rgb(12.2%,71%,98.8%)`
CMYK	88, 28, 0, 1
HSL	199.3°, 97.4, 55.5	`hsl(199.3,97.4%,55.5%)`
HSV (or HSB)	199.3°, 87.7, 98.8
Web Safe	33ccff	`#33ccff`

CIE-LAB	69.728, -12.316, -45.33
XYZ	34.655, 40.364, 98.055
xyY	0.2, 0.233, 40.364
CIE-LCH	69.728, 46.974, 254.8
CIE-LUV	69.728, -44.841, -72.069
Hunter-Lab	63.533, -13.816, -47.034
Binary	00011111, 10110101, 11111100

#1fb5fc
```
#1fb5fc rgb(31,181,252)
```
#fc661f
```
#fc661f rgb(252,102,31)
```

Complementary Color

#1ffcd5
```
#1ffcd5 rgb(31,252,213)
```
#1fb5fc
```
#1fb5fc rgb(31,181,252)
```
#1f47fc
```
#1f47fc rgb(31,71,252)
```

Analogous Color

#fcd51f
```
#fcd51f rgb(252,213,31)
```
#1fb5fc
```
#1fb5fc rgb(31,181,252)
```
#fc1f47
```
#fc1f47 rgb(252,31,71)
```

Split Complementary Color

#b5fc1f
```
#b5fc1f rgb(181,252,31)
```
#1fb5fc
```
#1fb5fc rgb(31,181,252)
```
#fc1fb5
```
#fc1fb5 rgb(252,31,181)
```

Triadic Color

#1ffc66
```
#1ffc66 rgb(31,252,102)
```
#1fb5fc
```
#1fb5fc rgb(31,181,252)
```
#fc1fb5
```
#fc1fb5 rgb(252,31,181)
```
#fc661f
```
#fc661f rgb(252,102,31)
```

Tetradic Color

#038bcc
```
#038bcc rgb(3,139,204)
```
#039ce5
```
#039ce5 rgb(3,156,229)
```
#06adfc
```
#06adfc rgb(6,173,252)
```
#1fb5fc
```
#1fb5fc rgb(31,181,252)
```
#38bdfc
```
#38bdfc rgb(56,189,252)
```
#51c6fd
```
#51c6fd rgb(81,198,253)
```
#6acefd
```
#6acefd rgb(106,206,253)
```

Monochromatic Color

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

#1fecfc
```
#1fecfc rgb(31,236,252)
```
#1fdafc
```
#1fdafc rgb(31,218,252)
```
#1fc7fc
```
#1fc7fc rgb(31,199,252)
```
#1fb5fc
```
#1fb5fc rgb(31,181,252)
```
#1fa3fc
```
#1fa3fc rgb(31,163,252)
```
#1f90fc
```
#1f90fc rgb(31,144,252)
```
#1f7efc
```
#1f7efc rgb(31,126,252)
```

Similar Colors

Text with hexadecimal color #1fb5fc

This text has a font color of #1fb5fc.

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

#1fb5fc background color

This paragraph has a background color of #1fb5fc.

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

#1fb5fc border color

This element has a border color of #1fb5fc.

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

CSS codes

.text {color:#1fb5fc;}

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

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

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 #f4fbff is the lightest one.

#000608
```
#000608 rgb(0,6,8)
```
#00131c
```
#00131c rgb(0,19,28)
```
#01202f
```
#01202f rgb(1,32,47)
```
#012d42
```
#012d42 rgb(1,45,66)
```
#013b56
```
#013b56 rgb(1,59,86)
```
#014869
```
#014869 rgb(1,72,105)
```
#02557c
```
#02557c rgb(2,85,124)
```
#026290
```
#026290 rgb(2,98,144)
```
#026fa3
```
#026fa3 rgb(2,111,163)
```
#027db6
```
#027db6 rgb(2,125,182)
```
#038aca
```
#038aca rgb(3,138,202)
```
#0397dd
```
#0397dd rgb(3,151,221)
```
#03a4f1
```
#03a4f1 rgb(3,164,241)
```

Shade Color Variation

#0caffc
```
#0caffc rgb(12,175,252)
```
#1fb5fc
```
#1fb5fc rgb(31,181,252)
```
#32bbfc
```
#32bbfc rgb(50,187,252)
```
#46c2fd
```
#46c2fd rgb(70,194,253)
```
#59c8fd
```
#59c8fd rgb(89,200,253)
```
#6ccffd
```
#6ccffd rgb(108,207,253)
```
#80d5fd
```
#80d5fd rgb(128,213,253)
```
#93dbfe
```
#93dbfe rgb(147,219,254)
```
#a6e2fe
```
#a6e2fe rgb(166,226,254)
```
#bae8fe
```
#bae8fe rgb(186,232,254)
```
#cdeffe
```
#cdeffe rgb(205,239,254)
```
#e1f5ff
```
#e1f5ff rgb(225,245,255)
```
#f4fbff
```
#f4fbff rgb(244,251,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 #1fb5fc is the most saturated one.

#889093
```
#889093 rgb(136,144,147)
```
#7f939c
```
#7f939c rgb(127,147,156)
```
#7696a5
```
#7696a5 rgb(118,150,165)
```
#6e99ad
```
#6e99ad rgb(110,153,173)
```
#659cb6
```
#659cb6 rgb(101,156,182)
```
#5c9fbf
```
#5c9fbf rgb(92,159,191)
```
#53a2c8
```
#53a2c8 rgb(83,162,200)
```
#4ba5d0
```
#4ba5d0 rgb(75,165,208)
```
#42a9d9
```
#42a9d9 rgb(66,169,217)
```
#39ace2
```
#39ace2 rgb(57,172,226)
```
#30afeb
```
#30afeb rgb(48,175,235)
```
#28b2f3
```
#28b2f3 rgb(40,178,243)
```
#1fb5fc
```
#1fb5fc rgb(31,181,252)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#7997a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#96acf3 Protanopia 1% of men
#84aeff Deuteranopia 1% of men
#00bfcc Tritanopia 0.001% of the population

Trichromacy

#6baff6 Protanomaly 1% of men, 0.01% of women
#5fb0fd Deuteranomaly 6% of men, 0.4% of women
#0bbbdd Tritanomaly 0.01% of the population

#1fb5fc hex color

#1fb5fc Color Information

#1fb5fc Color Conversion

Color Schemes with #1fb5fc

Alternatives to #1fb5fc

#1fb5fc Preview

Shades and Tints of #1fb5fc

Tones of #1fb5fc

Color Blindness Simulator