Important: Colors are presented as a result of mathematical calculations. Conversions may be inaccurate/approximate. Please be advised that this pantone colors is only intended as a guide, Actual colours will depend on screen calibration variances. For best results use a Pantone Colour book

Color Schemes from #45b7b0

#46b778 Color Information

#46b778 color RGB value is (255,0,0). A hexadecimal color is specified with: #RRGGBB, where the RR (red), GG (green) and BB (blue) hexadecimal integers specify the components of the color. All values must be between 00 and FF.

#46b778 Color Name(s)

#46b778 color name is Esmeralda ( similar ) Color | 46b778.

RGB Colors

An RGB color value is specified with: rgb(red, green, blue). Each parameter (red, green, and blue) defines the intensity of the color and can be an integer between 0 and 255 or a percentage value (from 0% to 100%).

Red value of its RGB is 70, Green value is 183 and blue value is 120.

RGBA Colors

alpha The rgba() function define colors using the Red-green-blue-alpha (RGBA) model. RGBA color values are an extension of RGB color values with an alpha channel - which specifies the opacity of the color.

Red value of its RGBA is 70, Green value is 183, blue value is 120 and alpha value is 1.

HSL Colors

The hsl() function define colors using the Hue-saturation-lightness model (HSL). HSL stands for hue, saturation, and lightness - and represents a cylindrical-coordinate representation of colors.

Hue value of its Hsl is 146.54867256637, Saturation value is 0.44664031620553, Lightness value is 0.49607843137255.

HSLA Colors

The hsla() function define colors using the Hue-saturation-lightness-alpha model (HSLA). HSLA color values are an extension of HSL color values with an alpha channel - which specifies the opacity of the color.

Hue value of its Hsl is 146.54867256637, Saturation value is 0.44664031620553, Lightness value is 0.49607843137255 and alpha value is 1.

Preview #46b778

Color Preview with white background

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum

CSS code: .background {color:#46b778;}

Color Preview with background color

CSS code: .background {background-color:#46b778;}

Color Palette Collection

View More Color Palette Collection

Saving Palette !

Esmeralda ( similar ) Color | 46b778

Esmeralda ( similar ) Color | 46b778 Color Shades Lighter / Darker shades of the color

Similar / Matching Pantone color(s) for Esmeralda ( similar ) Color | 46b778 Color | Hex code #46b778

Color Schemes from #45b7b0

Analogous Scheme

Triadic Scheme

Split-Complementary Scheme

Tetradic Scheme

Square Scheme

Complementary Scheme

Neutral Scheme

Esmeralda ( similar ) Color | 46b778 Monochromatic Color

Tones of Esmeralda ( similar ) Color | 46b778

Similar Colors Esmeralda ( similar ) Color | 46b778