#1fb6ec hex color

In a RGB color space, hex #1fb6ec is composed of 12.2% red, 71.4% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 86.9% cyan, 22.9% magenta, 0% yellow and 7.5% black. It has a hue angle of 195.8 degrees, a saturation of 84.4% and a lightness of 52.4%. #1fb6ec color hex could be obtained by blending #3effff with #006dd9. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 12
- G 71
- B 93
RGB color chart
- C 87
- M 23
- Y 0
- K 7
CMYK color chart

● #1fb6ec color description : Vivid blue.

The hexadecimal color #1fb6ec has RGB values of R:31, G:182, B:236 and CMYK values of C:0.87, M:0.23, Y:0, K:0.07. Its decimal value is 2078444.

Hex triplet	1fb6ec	`#1fb6ec`
RGB Decimal	31, 182, 236	`rgb(31,182,236)`
RGB Percent	12.2, 71.4, 92.5	`rgb(12.2%,71.4%,92.5%)`
CMYK	87, 23, 0, 7
HSL	195.8°, 84.4, 52.4	`hsl(195.8,84.4%,52.4%)`
HSV (or HSB)	195.8°, 86.9, 92.5
Web Safe	33ccff	`#33ccff`

CIE-LAB	69.327, -18.405, -37.274
XYZ	32.429, 39.8, 85.325
xyY	0.206, 0.253, 39.8
CIE-LCH	69.327, 41.57, 243.721
CIE-LUV	69.327, -46.265, -57.477
Hunter-Lab	63.087, -18.647, -36.028
Binary	00011111, 10110110, 11101100

#1fb6ec
```
#1fb6ec rgb(31,182,236)
```
#ec551f
```
#ec551f rgb(236,85,31)
```

Complementary Color

#1fecbc
```
#1fecbc rgb(31,236,188)
```
#1fb6ec
```
#1fb6ec rgb(31,182,236)
```
#1f50ec
```
#1f50ec rgb(31,80,236)
```

Analogous Color

#ecbc1f
```
#ecbc1f rgb(236,188,31)
```
#1fb6ec
```
#1fb6ec rgb(31,182,236)
```
#ec1f50
```
#ec1f50 rgb(236,31,80)
```

Split Complementary Color

#b6ec1f
```
#b6ec1f rgb(182,236,31)
```
#1fb6ec
```
#1fb6ec rgb(31,182,236)
```
#ec1fb6
```
#ec1fb6 rgb(236,31,182)
```

Triadic Color

#1fec55
```
#1fec55 rgb(31,236,85)
```
#1fb6ec
```
#1fb6ec rgb(31,182,236)
```
#ec1fb6
```
#ec1fb6 rgb(236,31,182)
```
#ec551f
```
#ec551f rgb(236,85,31)
```

Tetradic Color

#0f85b0
```
#0f85b0 rgb(15,133,176)
```
#1197c7
```
#1197c7 rgb(17,151,199)
```
#13a9df
```
#13a9df rgb(19,169,223)
```
#1fb6ec
```
#1fb6ec rgb(31,182,236)
```
#37beee
```
#37beee rgb(55,190,238)
```
#4ec5f0
```
#4ec5f0 rgb(78,197,240)
```
#66cdf2
```
#66cdf2 rgb(102,205,242)
```

Monochromatic Color

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

#1fe9ec
```
#1fe9ec rgb(31,233,236)
```
#1fd8ec
```
#1fd8ec rgb(31,216,236)
```
#1fc7ec
```
#1fc7ec rgb(31,199,236)
```
#1fb6ec
```
#1fb6ec rgb(31,182,236)
```
#1fa5ec
```
#1fa5ec rgb(31,165,236)
```
#1f94ec
```
#1f94ec rgb(31,148,236)
```
#1f83ec
```
#1f83ec rgb(31,131,236)
```

Similar Colors

Text with hexadecimal color #1fb6ec

This text has a font color of #1fb6ec.

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

#1fb6ec background color

This paragraph has a background color of #1fb6ec.

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

#1fb6ec border color

This element has a border color of #1fb6ec.

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

CSS codes

.text {color:#1fb6ec;}

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

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

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, #01080b is the darkest color, while #f8fdfe is the lightest one.

#01080b
```
#01080b rgb(1,8,11)
```
#02161d
```
#02161d rgb(2,22,29)
```
#04242f
```
#04242f rgb(4,36,47)
```
#063241
```
#063241 rgb(6,50,65)
```
#073f53
```
#073f53 rgb(7,63,83)
```
#094d65
```
#094d65 rgb(9,77,101)
```
#0a5b78
```
#0a5b78 rgb(10,91,120)
```
#0c688a
```
#0c688a rgb(12,104,138)
```
#0d769c
```
#0d769c rgb(13,118,156)
```
#0f84ae
```
#0f84ae rgb(15,132,174)
```
#1092c0
```
#1092c0 rgb(16,146,192)
```
#129fd2
```
#129fd2 rgb(18,159,210)
```
#13ade4
```
#13ade4 rgb(19,173,228)
```

Shade Color Variation

#1fb6ec
```
#1fb6ec rgb(31,182,236)
```
#31bcee
```
#31bcee rgb(49,188,238)
```
#43c2ef
```
#43c2ef rgb(67,194,239)
```
#55c8f1
```
#55c8f1 rgb(85,200,241)
```
#67cef2
```
#67cef2 rgb(103,206,242)
```
#79d3f4
```
#79d3f4 rgb(121,211,244)
```
#8bd9f5
```
#8bd9f5 rgb(139,217,245)
```
#9edff7
```
#9edff7 rgb(158,223,247)
```
#b0e5f8
```
#b0e5f8 rgb(176,229,248)
```
#c2ebfa
```
#c2ebfa rgb(194,235,250)
```
#d4f1fb
```
#d4f1fb rgb(212,241,251)
```
#e6f7fd
```
#e6f7fd rgb(230,247,253)
```
#f8fdfe
```
#f8fdfe rgb(248,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c8a8f is the less saturated color, while #0cbfff is the most saturated one.

#7c8a8f
```
#7c8a8f rgb(124,138,143)
```
#738e98
```
#738e98 rgb(115,142,152)
```
#6a93a1
```
#6a93a1 rgb(106,147,161)
```
#6097ab
```
#6097ab rgb(96,151,171)
```
#579bb4
```
#579bb4 rgb(87,155,180)
```
#4ea0bd
```
#4ea0bd rgb(78,160,189)
```
#44a4c7
```
#44a4c7 rgb(68,164,199)
```
#3ba9d0
```
#3ba9d0 rgb(59,169,208)
```
#32add9
```
#32add9 rgb(50,173,217)
```
#28b2e3
```
#28b2e3 rgb(40,178,227)
```
#1fb6ec
```
#1fb6ec rgb(31,182,236)
```
#16baf5
```
#16baf5 rgb(22,186,245)
```
#0cbfff
```
#0cbfff rgb(12,191,255)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#7997a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9cabe3 Protanopia 1% of men
#90acf2 Deuteranopia 1% of men
#00becb Tritanopia 0.001% of the population

Trichromacy

#6fafe6 Protanomaly 1% of men, 0.01% of women
#67aff0 Deuteranomaly 6% of men, 0.4% of women
#0bbbd7 Tritanomaly 0.01% of the population

#1fb6ec hex color

#1fb6ec Color Information

#1fb6ec Color Conversion

Color Schemes with #1fb6ec

Alternatives to #1fb6ec

#1fb6ec Preview

Shades and Tints of #1fb6ec

Tones of #1fb6ec

Color Blindness Simulator