#558EE2 Hex Color Code

#558EE2

The Hexadecimal Color #558EE2 is a contrast shade of Corn Flower Blue. #558EE2 RGB value is rgb(85, 142, 226). RGB Color Model of #558EE2 consists of 33% red, 55% green and 88% blue. HSL color Mode of #558EE2 has 216°(degrees) Hue, 71% Saturation and 61% Lightness. #558EE2 color has an wavelength of 484nm approximately. The nearest Web Safe Color of #558EE2 is #6699FF. The Closest Small Hexadecimal Code of #558EE2 is #58D. The Closest Color to #558EE2 is #6495ED. Official Name of #558EE2 Hex Code is Havelock Blue. CMYK (Cyan Magenta Yellow Black) of #558EE2 is 62 Cyan 37 Magenta 0 Yellow 11 Black and #558EE2 CMY is 62, 37, 0. HSLA (Hue Saturation Lightness Alpha) of #558EE2 is hsl(216,71,61, 1.0) and HSV is hsv(216, 62, 89). A Three-Dimensional XYZ value of #558EE2 is 27.14, 26.77, 75.67.
Hex8 Value of #558EE2 is #558EE2FF. Decimal Value of #558EE2 is 5607138 and Octal Value of #558EE2 is 25307342. Binary Value of #558EE2 is 1010101, 10001110, 11100010 and Android of #558EE2 is 4283797218 / 0xff558ee2. The Horseshoe Shaped Chromaticity Diagram xyY of #558EE2 is 0.209, 0.207, 0.207 and YIQ Color Space of #558EE2 is 134.533, -60.9555, 14.0853. The Color Space LMS (Long Medium Short) of #558EE2 is 19.1, 26.81, 74.86. CieLAB (L*a*b*) of #558EE2 is 58.76, 7.01, -48.26. CieLUV : LCHuv (L*, u*, v*) of #558EE2 is 58.76, -24.65, -77.09. The cylindrical version of CieLUV is known as CieLCH : LCHab of #558EE2 is 58.76, 48.77, 278.26. Hunter Lab variable of #558EE2 is 51.74, 3.09, -50.49.

#558EE2 - Havelock Blue Color Image
#558EE2 - Havelock Blue Color Image

Graphic Percentage Representation of #558EE2

RGB Percentages of #558EE2

33%
55%
88%

RGB stands for Red, Green, and Blue, which are the three primary colors used to create a vast array of colors by varying their intensities. By adjusting the brightness of these three primary colors, virtually any color visible to the human eye can be produced.

RYB Percentages of #558EE2

33.33%
49.25%
88.63%

The RYB color model is based on Red, Yellow, and Blue Colors. When two primary colors are mixed, they form a secondary color or when mixed all, they result in tertiary color.

CMYK Percentages of #558EE2

62%
37%
0%
11%

CMYK stands for Cyan, Magenta, Yellow, and Key (Black). Starting with a white canvas, various amounts of cyan, magenta, yellow, and black ink are combined to absorb or subtract specific wavelengths of light, resulting in the desired color.

Various Color Shades of #558EE2

To get 25% Saturated #558EE2 Color, you need to convert the hex color #558EE2 to the HSL (Hue, Saturation, Lightness) color space, increase the saturation value by 25%, and then convert it back to the hex color. To desaturate a color by 25%, we need to reduce its saturation level while keeping the same hue and lightness. Saturation represents the intensity or vividness of a color. A 100% saturation means the color is fully vivid, while a 0% saturation results in a shade of gray. To make a color 25% darker or 25% lighter, you need to reduce the intensity of each of its RGB (Red, Green, Blue) components by 25% or increase it to 25%. Inverting a #558EE2 hex color involves converting each of its RGB (Red, Green, Blue) components to their complementary values. The complementary color is found by subtracting each component's value from the maximum value of 255.

Analogous and Monochromatic Colors of #558EE2

Analogous colors are groups of hues that are located next to each other on the color wheel. These colors share a similar undertone and create a sense of harmony when used together. Analogous color schemes are mainly used in design or art to create a sense of cohesion and flow in a color scheme composition.

Monochromatic colors refer to a color scheme that uses variations of a single color. These variations are achieved by adjusting the shade, tint, or tone of the base color. Monochromatic approach is commonly used in interior design or fashion to create a sense of understated elegance and give a sense of simplicity and consistency.

Triad, Tetrad and SplitComplement of #558EE2

Triad, Tetrad, and Split Complement are hex color schemes used in art to create harmonious combinations of colors.

The Triad color scheme involves three colors that are evenly spaced around the color wheel, forming an equilateral triangle. The primary triad includes red, blue, and yellow, while other triadic combinations can be formed with different hues. Triad color schemes offer a balanced contrast and are versatile for creating vibrant and dynamic visuals.

The Tetrad color scheme incorporates four colors that are arranged in two complementary pairs. These pairs create a rectangle or square shape on the color wheel. The primary Tetrad includes two sets of complementary colors, such as red and green, and blue and orange. This scheme provides a wide range of color options and allows for both strong contrast and harmonious blends.

The Split Complement color scheme involves a base color paired with the two colors adjacent to its complementary color on the color wheel. For example, if the base color is blue, the Split Complement scheme would include blue, yellow-orange, and red-orange. This combination maintains contrast while offering a more subtle and balanced alternative to a complementary color scheme.

Tints and Shades of #558EE2

A Color Tint is created by mixing white (#FFFFFF) to any pure color whereas A Color Shade is calculated by adding black (#000000) to any pure hue. See the Color Tints of #558EE2 to it's lightest color and Color Shades of #558EE2 to it's the darkest color.

#558EE2 Hex Code Space Conversions

RGB rgb(85, 142, 226)
RGB Percent 33%, 55%, 88%
RYB 85.0, 125.59, 226.0
CMYK 62, 37, 0, 11
CMY 62, 37, 0
HSL hsl(216, 71%, 61%)
HSLA hsl(216, 71%, 61%, 1.0)
HSV hsv(216, 62, 89)
XYZ 27.14, 26.77, 75.67
Hex8 Value #558EE2FF
Decimal Value 5607138
Octal Value 25307342
Binary Value 1010101,10001110,11100010
Android 4283797218 / 0xff558ee2
HSLuv : HUSL hsl(216, 71%, 61%)
xyY 0.209, 0.207, 26.766
YIQ 134.533, -60.9555, 14.0853
LMS 19.1, 26.81, 74.86
CieLAB 58.76, 7.01, -48.26
CieLUV : LCHuv 58.76, -24.65, -77.09
CieLCH : LCHab 58.76, 48.77, 278.26
Hunter Lab 51.74, 3.09, -50.49
YUV 134.533, 45.0, -43.45
YDbDr 134.533, 137.62, 94.21
YCbCr 131.54, 173.34, 96.96
YCoCg 148.75, 155.5, -6.75
YPbPr 134.53, 51.62, -35.33
Munsell Color System 11559.69 260.47/238.62

#558EE2 HTML/CSS Hex Color Code Examples

#558EE2 as Background:

The one who does not honor the teacher and the one who does not honor the task, although ever so knowledgeable, they are confused.

Laozi
<p style="background: #558EE2">…</p>

#558EE2 as Text Color:

Even great spirits have only their five-fingers' breadth of experience - just beyond it their thinking ceases and their endless empty space and stupidity begins.

Friedrich Nietzsche
<p style="color: #558EE2">…</p>

#558EE2 as Text Shadow:

Not only do we as individuals get locked into single-minded views, but we also reinforce these views for each other until the culture itself suffers the same mindlessness.

Ellen Langer
<p style="text-shadow: 4px 4px 2px #558EE2">…</p>

#558EE2 as Linear Gradient:

Action in war is like movement in a resistant element. Just as the simplest and most natural of movements, walking, cannot easily be performed in water, so in war, it is difficult for normal efforts to achieve even moderate results.

Carl von Clausewitz
<div style="background: linear-gradient(white, #558EE2)">…</div>

FAQ:

What is the RGB value of #558EE2?

RGB Value for #558EE2 is rgb(85, 142, 226).

What is the RGB percentage of #558EE2?

RGB percentage for #558EE2 is 33% Red 55% Green 88% Blue.

What is the CMYK (Cyan Magenta Yellow Black) color model of #558EE2?

CMYK Color Model of #558EE2 is 62 Cyan 37 Magenta 0 Yellow 11 Black.

What is the HSL value of #558EE2?

HSL Value of #558EE2 is 216°(degrees) Hue 71 Saturation 61 Lightness.

What is the HSV value of #558EE2?

HSV Value of #558EE2 is 216 Hue 62 Saturation 89 Value.

What is the XYZ Color Model of #558EE2?

XYZ Color Model of #558EE2 is 27.14, 26.77, 75.67.