‎#121817 Dark Moon

‎#121817

‎#121817 (Dark Moon) RGB value is (18, 24, 23).
Red value is 18, green value is 24, and blue value is 23.
Cylindrical-coordinate representations (HSL) of color ‎#121817: hue: 170°, saturation: 14.3%, and lightness: 8.2%.
Process color (CMYK) of ‎#121817 is 25%, 0%, 4.2%, 90.6%. Web safe color equivalent of ‎#121817 is ‎##000000. Color #121817 contains mainly Black.

Color Spaces

Color spaces of #121817 Value
RGB18, 24, 23
HSL170°, 14.3%, 8.2%
HSV / HSB170°, 25%, 9.4%
CMYK25%, 0%, 4.2%, 90.6%
XYZ0.73, 0.84, 0.93

Base Numbers

Base Red Green Blue
Binary 00010010 00011000 00010111
Octal 022 030 027
Decimal 18 24 23
Hex 12 18 17

RGB Percentages for Color #121817

Red: 27.7%
Green: 36.9%
Blue: 35.4%

CMYK Percentages of Color #121817

Cyan: 25%
Yellow: 4.2%
Black: 90.6%

Shades of #121817

Tints of #121817

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

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

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

Background Color #121817

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

The background color of this container is #121817.
Border Color #121817

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

The border color of this container is #121817.
CSS3 Shadow Examples
.textShadowRgb { text-shadow: 4px 4px 2px rgba(18, 24, 23, 0.8); }
.textShadowHex { text-shadow: 4px 4px 2px #121817; }
.divShadow { -moz-box-shadow: 1px 1px 3px #121817;
-webkit-box-shadow: 1px 1px 3px #121817;
box-shadow: 1px 1px 3px #121817; }
                
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 #121817.

Related Colors & Harmonies

Detailed Specifications & Design Guide for #121817 (Dark Moon)

Color Overview & Profile: Color ‎#121817, also known as Dark Moon, is a prominent hue with strong representation in digital UI designs and print graphics. In the sRGB color space, it is composed of 7% Red (18/255), 9% Green (24/255), and 9% Blue (23/255). The primary color family component is Black.

Print & Physical Production Specs: For physical print production and offset printing setups, ‎#121817 translates into the CMYK subtractive color model with values of 25% Cyan, 0% Magenta, 4.2% Yellow, and 90.6% Key (Black). The cylindrical coordinates in the HSL space feature a hue of 170°, saturation of 14.3%, and lightness of 8.2%.

Web Accessibility & Design Recommendations: When implementing ‎#121817 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 ‎##000000.

Frequently Asked Questions about #121817 (Dark Moon)

What is color code #121817 and its name?
#121817 is named Dark Moon. In the sRGB color space, it consists of Red 18, Green 24, and Blue 23 (RGB: 18, 24, 23).
Is #121817 (Dark Moon) a warm or cool color?
#121817 (Dark Moon) is classified as a Neutral Color Tone with a primary color family component of Black.
What hex codes complement and match #121817?
The exact complementary matching hex code for #121817 (Dark Moon) is #181213.
What is the CMYK print formula for #121817?
For physical print and offset setups, #121817 translates to CMYK values of 25% Cyan, 0% Magenta, 4.2% Yellow, and 90.6% Key/Black.
How can I use #121817 in CSS and web design?
Apply `background-color: #121817;` or `color: #121817;` in your CSS stylesheet. Its HSL representation is hue: 170°, saturation: 14.3%, and lightness: 8.2%.
‎#121817 Dark Moon hexcolor for Dark Moon Dark Moon hexcode Shades of #121817 Tints of #121817 Similar Colors to #121817 #121817 Color Combinations #121817 CSS & Web Code #121817 RGB & CMYK Neutral Color Tone
Scroll to Top