#1bf0e2 Hex Color

The RBG values of the #1bf0e2 hex color are 27 (red), 240 (blue), and 226 (green). While the HSL values of #1bf0e2 are 0.49 (hue), 0.8 (saturation), and 0.52 (lightness).

The CMYK values of #1bf0e2 are 0.89 (cyan), 0 (magenta), 0.06 (yellow), and 0.06 (black).


#1bf0e2 Color Spaces Conversions

This are the conversions of #1bf0e2 to the different color spaces.

Hexadecimal

1bf0e2

CIE-Lab

86.0285, -49.1026, -6.5641

RGB

27, 240, 226

CIE-Lch

86.0285, 49.5394, 187.6143

HSL

0.49, 0.8, 0.52

CIE-Luv

86.0285, -66.9113, -2.5856

HSV

0.49, 0.89, 0.94

Hunter-Lab

82.4889, -46.2441, -1.6964

CMYK

0.89, 0, 0.06, 0.06

XYZ

45.3395, 68.0442, 82.6957

Binary

11011, 11110000, 11100010

YXY

68.0442, 0.2312, 0.347

#1bf0e2 Color Schemes

This are some of the common color schemes used in web design for the #1bf0e2 hex color.

#1bf0e2 Color Shades

The color shades are created by adding black to the original color. Here we have created a sample array of shades from #1bf0e2 to #022321.

#1bf0e2 Color Tints

The color tints are created by adding white to the original color. Here we have created a sample array of tints from #1bf0e2 to #f2fefd.

#1bf0e2 Similar Hex Colors



#1bf0e2 Style Preview

Font Color

#1bf0e2 Font Color
style='color:#1bf0e2;'

Background Color

#1bf0e2 Background Color
style='background:#1bf0e2;'

Border Color

#1bf0e2 Border Color
style='border:2px solid #1bf0e2;'

Text Shadow

#1bf0e2 Text Shadow
style='text-shadow: 4px 4px 2px #1bf0e2;'

Shades Gradient

#1bf0e2 Shades Gradient
style='background: -moz-linear-gradient(top, #1bf0e2, #022321); background: -webkit-linear-gradient(top, #1bf0e2, #022321); background: -o-linear-gradient(top, #1bf0e2, #022321); background: -ms-linear-gradient(top, #1bf0e2, #022321); background: linear-gradient(top, #1bf0e2, #022321);'

Tints Gradient

#1bf0e2 Tints Gradient
style='background: -moz-linear-gradient(top, #1bf0e2, #f2fefd); background: -webkit-linear-gradient(top, #1bf0e2, #f2fefd); background: -o-linear-gradient(top, #1bf0e2, #f2fefd); background: -ms-linear-gradient(top, #1bf0e2, #f2fefd); background: linear-gradient(top, #1bf0e2, #f2fefd);'