1. aqua-blues
2. neutrals
3. Sapphired

Color Sapphired aqua-blue (#5b82a6):
HEX, RGB color codes for HTML and CSS

The Comprehensive Guide to Sapphired aqua-blue (#5b82a6):
Its Meaning and Harmonious Color Matches in Design.

Hue Family:
aqua-blues

aqua-blues Family:
neutral

Saturation:
moderately saturated

Tones:
mid-toned

Shade:
medium

Temperature:
cool

Chromaticity:
chromatic

Chroma:
medium chroma

Color Information about Sapphired / #5b82a6

The HTML HEX code is #5b82a6. The corresponding color name is "Sapphired". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 91%, Green (G): 130%, Blue (B): 166%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 45%, Magenta (M): 22%, Yellow (Y):0%, Black (K): 35%. In the HSL color space, #5b82a6 has a hue of 209°, saturation of 30%, and lightness of 50%. The HSV representation is 209° for hue, 45% for saturation, and 65% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 53, a* (green to red) = -4, and b* (blue to yellow) = -23. The XYZ representation is X: 19, Y: 21, Z: 39. In the YUV color space, it translates to Y (luminance) = 0.4802, U (chrominance) = 0.0841, and V (chrominance) = -0.1082.

The decimal value of the color is 5997222. The closest Web-safe HEX code is #669999. Variations of the colour are #9CB3C9 for a 20% lighter version and #364D63 for a 20% darker version.

For the color with hex value #5b82a6, the correlated color temperature (CT) is estimated to be 18631 Kelvin (18631K).

The approximate wavelength of #5b82a6 is around 485.50nm.

The Depth and Diversity of Sapphired (Hex: #5b82a6): Exploring its Impact in Design and Culture

The hex color #5b82a6, named Sapphired, resembles the deep blue hues found in a tranquil ocean or a clear summer sky. It brings to mind the serenity and vastness of natural elements, evoking a sense of calmness and peacefulness. This color is often associated with stability and reliability, much like the enduring strength of a majestic mountain range. Sapphired can also be compared to the vibrant petals of a forget-me-not flower, adding a touch of elegance and grace to any visual composition.

Tints and Shades of #5b82a6 HEX color (Sapphired)

In color theory, tints and shades are essential for understanding the depth and luminosity of colors. A tint is achieved by adding white to a pure hue, lightening its appearance. Conversely, a shade results from blending black with a color, giving it a deeper tone. In the context of #5b82a6, this color stands at the center between its tints and shades. While the tints get progressively lighter moving towards white (#ffffff), the shades deepen towards black (#000000).

• #ffffff
• #D6E0E9
• #ADC1D3
• #84A1BC
• #5b82a6
• #44627D
• #2E4153
• #17212A
• #000000

Tones of Sapphired (#5b82a6 HEX color)

A tone is produced by adding gray to any pure hue. In the case of #5b82a6, #6a8197 is the less saturated color, while #5b82a6 is the most saturated one.

• #6a8197
• #66819b
• #62829e
• #5f82a2
• #5b82a6
• #3f4348
• #34393e
• #292f35
• #1e252b

HTML Usage Examples

<p style="color: #5b82a6;">This is a css example</p>

p { color: #5b82a6; }

.text {color:#5b82a6;}

.background {background-color:#5b82a6;}

.border {border:1px solid #5b82a6;}