#1fb0fc hex color

In a RGB color space, hex #1fb0fc is composed of 12.2% red, 69% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 87.7% cyan, 30.2% magenta, 0% yellow and 1.2% black. It has a hue angle of 200.6 degrees, a saturation of 97.4% and a lightness of 55.5%. #1fb0fc color hex could be obtained by blending #3effff with #0061f9. Closest websafe color is: #3399ff.

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

● #1fb0fc color description : Vivid blue.

The hexadecimal color #1fb0fc has RGB values of R:31, G:176, B:252 and CMYK values of C:0.88, M:0.3, Y:0, K:0.01. Its decimal value is 2076924.

Hex triplet	1fb0fc	`#1fb0fc`
RGB Decimal	31, 176, 252	`rgb(31,176,252)`
RGB Percent	12.2, 69, 98.8	`rgb(12.2%,69%,98.8%)`
CMYK	88, 30, 0, 1
HSL	200.6°, 97.4, 55.5	`hsl(200.6,97.4%,55.5%)`
HSV (or HSB)	200.6°, 87.7, 98.8
Web Safe	3399ff	`#3399ff`

CIE-LAB	68.29, -9.583, -47.59
XYZ	33.657, 38.367, 97.722
xyY	0.198, 0.226, 38.367
CIE-LCH	68.29, 48.546, 258.615
CIE-LUV	68.29, -43.182, -76.043
Hunter-Lab	61.941, -11.406, -50.18
Binary	00011111, 10110000, 11111100

#1fb0fc
```
#1fb0fc rgb(31,176,252)
```
#fc6b1f
```
#fc6b1f rgb(252,107,31)
```

Complementary Color

#1ffcda
```
#1ffcda rgb(31,252,218)
```
#1fb0fc
```
#1fb0fc rgb(31,176,252)
```
#1f42fc
```
#1f42fc rgb(31,66,252)
```

Analogous Color

#fcda1f
```
#fcda1f rgb(252,218,31)
```
#1fb0fc
```
#1fb0fc rgb(31,176,252)
```
#fc1f42
```
#fc1f42 rgb(252,31,66)
```

Split Complementary Color

#b0fc1f
```
#b0fc1f rgb(176,252,31)
```
#1fb0fc
```
#1fb0fc rgb(31,176,252)
```
#fc1fb0
```
#fc1fb0 rgb(252,31,176)
```

Triadic Color

#1ffc6b
```
#1ffc6b rgb(31,252,107)
```
#1fb0fc
```
#1fb0fc rgb(31,176,252)
```
#fc1fb0
```
#fc1fb0 rgb(252,31,176)
```
#fc6b1f
```
#fc6b1f rgb(252,107,31)
```

Tetradic Color

#0387cc
```
#0387cc rgb(3,135,204)
```
#0397e5
```
#0397e5 rgb(3,151,229)
```
#06a7fc
```
#06a7fc rgb(6,167,252)
```
#1fb0fc
```
#1fb0fc rgb(31,176,252)
```
#38b9fc
```
#38b9fc rgb(56,185,252)
```
#51c2fd
```
#51c2fd rgb(81,194,253)
```
#6acbfd
```
#6acbfd rgb(106,203,253)
```

Monochromatic Color

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

#1fe7fc
```
#1fe7fc rgb(31,231,252)
```
#1fd5fc
```
#1fd5fc rgb(31,213,252)
```
#1fc2fc
```
#1fc2fc rgb(31,194,252)
```
#1fb0fc
```
#1fb0fc rgb(31,176,252)
```
#1f9efc
```
#1f9efc rgb(31,158,252)
```
#1f8bfc
```
#1f8bfc rgb(31,139,252)
```
#1f79fc
```
#1f79fc rgb(31,121,252)
```

Similar Colors

Text with hexadecimal color #1fb0fc

This text has a font color of #1fb0fc.

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

#1fb0fc background color

This paragraph has a background color of #1fb0fc.

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

#1fb0fc border color

This element has a border color of #1fb0fc.

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

CSS codes

.text {color:#1fb0fc;}

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

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

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

#000508
```
#000508 rgb(0,5,8)
```
#00121c
```
#00121c rgb(0,18,28)
```
#011f2f
```
#011f2f rgb(1,31,47)
```
#012c42
```
#012c42 rgb(1,44,66)
```
#013956
```
#013956 rgb(1,57,86)
```
#014569
```
#014569 rgb(1,69,105)
```
#02527c
```
#02527c rgb(2,82,124)
```
#025f90
```
#025f90 rgb(2,95,144)
```
#026ca3
```
#026ca3 rgb(2,108,163)
```
#0279b6
```
#0279b6 rgb(2,121,182)
```
#0385ca
```
#0385ca rgb(3,133,202)
```
#0392dd
```
#0392dd rgb(3,146,221)
```
#039ff1
```
#039ff1 rgb(3,159,241)
```

Shade Color Variation

#0ca9fc
```
#0ca9fc rgb(12,169,252)
```
#1fb0fc
```
#1fb0fc rgb(31,176,252)
```
#32b7fc
```
#32b7fc rgb(50,183,252)
```
#46befd
```
#46befd rgb(70,190,253)
```
#59c4fd
```
#59c4fd rgb(89,196,253)
```
#6ccbfd
```
#6ccbfd rgb(108,203,253)
```
#80d2fd
```
#80d2fd rgb(128,210,253)
```
#93d9fe
```
#93d9fe rgb(147,217,254)
```
#a6e0fe
```
#a6e0fe rgb(166,224,254)
```
#bae7fe
```
#bae7fe rgb(186,231,254)
```
#cdedfe
```
#cdedfe rgb(205,237,254)
```
#e1f4ff
```
#e1f4ff rgb(225,244,255)
```
#f4fbff
```
#f4fbff rgb(244,251,255)
```

Tint Color Variation

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

#888f93
```
#888f93 rgb(136,143,147)
```
#7f929c
```
#7f929c rgb(127,146,156)
```
#7695a5
```
#7695a5 rgb(118,149,165)
```
#6e97ad
```
#6e97ad rgb(110,151,173)
```
#659ab6
```
#659ab6 rgb(101,154,182)
```
#5c9dbf
```
#5c9dbf rgb(92,157,191)
```
#53a0c8
```
#53a0c8 rgb(83,160,200)
```
#4ba2d0
```
#4ba2d0 rgb(75,162,208)
```
#42a5d9
```
#42a5d9 rgb(66,165,217)
```
#39a8e2
```
#39a8e2 rgb(57,168,226)
```
#30abeb
```
#30abeb rgb(48,171,235)
```
#28adf3
```
#28adf3 rgb(40,173,243)
```
#1fb0fc
```
#1fb0fc rgb(31,176,252)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#7794a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#90a8f3 Protanopia 1% of men
#7babff Deuteranopia 1% of men
#00bbc8 Tritanopia 0.001% of the population

Trichromacy

#66abf6 Protanomaly 1% of men, 0.01% of women
#59acfd Deuteranomaly 6% of men, 0.4% of women
#0bb7db Tritanomaly 0.01% of the population

#1fb0fc hex color

#1fb0fc Color Information

#1fb0fc Color Conversion

Color Schemes with #1fb0fc

Alternatives to #1fb0fc

#1fb0fc Preview

Shades and Tints of #1fb0fc

Tones of #1fb0fc

Color Blindness Simulator