‎#57645E Obligation

‎#57645E

‎#57645E (Obligation) RGB value is (87, 100, 94).
Red value is 87, green value is 100, and blue value is 94.
Cylindrical-coordinate representations (HSL) of color ‎#57645E: hue: 152°, saturation: 7%, and lightness: 36.7%.
Process color (CMYK) of ‎#57645E is 13%, 0%, 6%, 60.8%. Web safe color equivalent of ‎#57645E is ‎##666666. Color #57645E contains mainly GRAY.

Color Spaces

Color spaces of #57645E Value
RGB87, 100, 94
HSL152°, 7%, 36.7%
HSV / HSB152°, 13%, 39.2%
CMYK13%, 0%, 6%, 60.8%
XYZ10.51, 11.95, 12.34

Base Numbers

Base Red Green Blue
Binary 01010111 01100100 01011110
Octal 127 144 136
Decimal 87 100 94
Hex 57 64 5E

RGB Percentages for Color #57645E

Red: 31%
Green: 35.6%
Blue: 33.5%

CMYK Percentages of Color #57645E

Cyan: 13%
Yellow: 6%
Black: 60.8%

Shades of #57645E

Tints of #57645E

CSS Codes for Color #57645E
.mybgColor { background-color: #57645E; }
.myforeColor { color: #57645E; }
.myborderColor { border: 3px solid #57645E; }
Text Font Color #57645E

<p style="color:#57645E">Text here</p>

This sample text is styled with font color #57645E. It demonstrates typography contrast and readability for Web Content Accessibility Guidelines.

Background Color #57645E

<div style="background-color:#57645E">Div content here</div>

The background color of this container is #57645E.
Border Color #57645E

<div style="border:3px solid #57645E">Div here</div>

The border color of this container is #57645E.
CSS3 Shadow Examples
.textShadowRgb { text-shadow: 4px 4px 2px rgba(87, 100, 94, 0.8); }
.textShadowHex { text-shadow: 4px 4px 2px #57645E; }
.divShadow { -moz-box-shadow: 1px 1px 3px #57645E;
-webkit-box-shadow: 1px 1px 3px #57645E;
box-shadow: 1px 1px 3px #57645E; }
                
Text Shadow Using RGB Values

This text has a CSS3 shadow effect generated with RGB color values.

Text Shadow Using Hex Values

This text has a CSS3 shadow effect generated with Hex color values.

Shadow Div Box
This div container demonstrates a CSS3 box shadow effect using #57645E.

Related Colors & Harmonies

Detailed Specifications & Design Guide for #57645E (Obligation)

Color Overview & Profile: Color ‎#57645E, also known as Obligation, is a prominent hue with strong representation in digital UI designs and print graphics. In the sRGB color space, it is composed of 34% Red (87/255), 39% Green (100/255), and 37% Blue (94/255). The primary color family component is GRAY.

Print & Physical Production Specs: For physical print production and offset printing setups, ‎#57645E translates into the CMYK subtractive color model with values of 13% Cyan, 0% Magenta, 6% Yellow, and 60.8% Key (Black). The cylindrical coordinates in the HSL space feature a hue of 152°, saturation of 7%, and lightness of 36.7%.

Web Accessibility & Design Recommendations: When implementing ‎#57645E in web frontend frameworks, ensure sufficient contrast ratios for readability according to WCAG 2.1 standards. The web-safe equivalent hex value for this color is ‎##666666.

Frequently Asked Questions about #57645E (Obligation)

What is color code #57645E and its name?
#57645E is named Obligation. In the sRGB color space, it consists of Red 87, Green 100, and Blue 94 (RGB: 87, 100, 94).
Is #57645E (Obligation) a warm or cool color?
#57645E (Obligation) is classified as a Neutral Color Tone with a primary color family component of GRAY.
What hex codes complement and match #57645E?
The exact complementary matching hex code for #57645E (Obligation) is #64575D.
What is the CMYK print formula for #57645E?
For physical print and offset setups, #57645E translates to CMYK values of 13% Cyan, 0% Magenta, 6% Yellow, and 60.8% Key/Black.
How can I use #57645E in CSS and web design?
Apply `background-color: #57645E;` or `color: #57645E;` in your CSS stylesheet. Its HSL representation is hue: 152°, saturation: 7%, and lightness: 36.7%.
‎#57645E Obligation hexcolor for Obligation Obligation hexcode Shades of #57645E Tints of #57645E Similar Colors to #57645E #57645E Color Combinations #57645E CSS & Web Code #57645E RGB & CMYK Neutral Color Tone
Scroll to Top