#1fb5ec hex color

In a RGB color space, hex #1fb5ec is composed of 12.2% red, 71% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 86.9% cyan, 23.3% magenta, 0% yellow and 7.5% black. It has a hue angle of 196.1 degrees, a saturation of 84.4% and a lightness of 52.4%. #1fb5ec color hex could be obtained by blending #3effff with #006bd9. 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

● #1fb5ec color description : Vivid blue.

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

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

CIE-LAB	69.034, -17.877, -37.729
XYZ	32.225, 39.392, 85.257
xyY	0.205, 0.251, 39.392
CIE-LCH	69.034, 41.751, 244.647
CIE-LUV	69.034, -45.926, -58.288
Hunter-Lab	62.763, -18.186, -36.605
Binary	00011111, 10110101, 11101100

#1fb5ec
```
#1fb5ec rgb(31,181,236)
```
#ec561f
```
#ec561f rgb(236,86,31)
```

Complementary Color

#1fecbd
```
#1fecbd rgb(31,236,189)
```
#1fb5ec
```
#1fb5ec rgb(31,181,236)
```
#1f4fec
```
#1f4fec rgb(31,79,236)
```

Analogous Color

#ecbd1f
```
#ecbd1f rgb(236,189,31)
```
#1fb5ec
```
#1fb5ec rgb(31,181,236)
```
#ec1f4f
```
#ec1f4f rgb(236,31,79)
```

Split Complementary Color

#b5ec1f
```
#b5ec1f rgb(181,236,31)
```
#1fb5ec
```
#1fb5ec rgb(31,181,236)
```
#ec1fb5
```
#ec1fb5 rgb(236,31,181)
```

Triadic Color

#1fec56
```
#1fec56 rgb(31,236,86)
```
#1fb5ec
```
#1fb5ec rgb(31,181,236)
```
#ec1fb5
```
#ec1fb5 rgb(236,31,181)
```
#ec561f
```
#ec561f rgb(236,86,31)
```

Tetradic Color

#0f84b0
```
#0f84b0 rgb(15,132,176)
```
#1196c7
```
#1196c7 rgb(17,150,199)
```
#13a8df
```
#13a8df rgb(19,168,223)
```
#1fb5ec
```
#1fb5ec rgb(31,181,236)
```
#37bdee
```
#37bdee rgb(55,189,238)
```
#4ec5f0
```
#4ec5f0 rgb(78,197,240)
```
#66ccf2
```
#66ccf2 rgb(102,204,242)
```

Monochromatic Color

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

#1fe8ec
```
#1fe8ec rgb(31,232,236)
```
#1fd7ec
```
#1fd7ec rgb(31,215,236)
```
#1fc6ec
```
#1fc6ec rgb(31,198,236)
```
#1fb5ec
```
#1fb5ec rgb(31,181,236)
```
#1fa4ec
```
#1fa4ec rgb(31,164,236)
```
#1f93ec
```
#1f93ec rgb(31,147,236)
```
#1f82ec
```
#1f82ec rgb(31,130,236)
```

Similar Colors

Text with hexadecimal color #1fb5ec

This text has a font color of #1fb5ec.

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

#1fb5ec background color

This paragraph has a background color of #1fb5ec.

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

#1fb5ec border color

This element has a border color of #1fb5ec.

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

CSS codes

.text {color:#1fb5ec;}

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

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

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)
```
#063141
```
#063141 rgb(6,49,65)
```
#073f53
```
#073f53 rgb(7,63,83)
```
#094d65
```
#094d65 rgb(9,77,101)
```
#0a5a78
```
#0a5a78 rgb(10,90,120)
```
#0c688a
```
#0c688a rgb(12,104,138)
```
#0d759c
```
#0d759c rgb(13,117,156)
```
#0f83ae
```
#0f83ae rgb(15,131,174)
```
#1091c0
```
#1091c0 rgb(16,145,192)
```
#129ed2
```
#129ed2 rgb(18,158,210)
```
#13ace4
```
#13ace4 rgb(19,172,228)
```

Shade Color Variation

#1fb5ec
```
#1fb5ec rgb(31,181,236)
```
#31bbee
```
#31bbee rgb(49,187,238)
```
#43c1ef
```
#43c1ef rgb(67,193,239)
```
#55c7f1
```
#55c7f1 rgb(85,199,241)
```
#67cdf2
```
#67cdf2 rgb(103,205,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 #0cbeff is the most saturated one.

#7c8a8f
```
#7c8a8f rgb(124,138,143)
```
#738e98
```
#738e98 rgb(115,142,152)
```
#6a92a1
```
#6a92a1 rgb(106,146,161)
```
#6097ab
```
#6097ab rgb(96,151,171)
```
#579bb4
```
#579bb4 rgb(87,155,180)
```
#4e9fbd
```
#4e9fbd rgb(78,159,189)
```
#44a4c7
```
#44a4c7 rgb(68,164,199)
```
#3ba8d0
```
#3ba8d0 rgb(59,168,208)
```
#32acd9
```
#32acd9 rgb(50,172,217)
```
#28b1e3
```
#28b1e3 rgb(40,177,227)
```
#1fb5ec
```
#1fb5ec rgb(31,181,236)
```
#16b9f5
```
#16b9f5 rgb(22,185,245)
```
#0cbeff
```
#0cbeff rgb(12,190,255)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#7896a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9baae3 Protanopia 1% of men
#8eabf2 Deuteranopia 1% of men
#00bdcb Tritanopia 0.001% of the population

Trichromacy

#6eaee6 Protanomaly 1% of men, 0.01% of women
#66aff0 Deuteranomaly 6% of men, 0.4% of women
#0bbad7 Tritanomaly 0.01% of the population

#1fb5ec hex color

#1fb5ec Color Information

#1fb5ec Color Conversion

Color Schemes with #1fb5ec

Alternatives to #1fb5ec

#1fb5ec Preview

Shades and Tints of #1fb5ec

Tones of #1fb5ec

Color Blindness Simulator