‎#2F3232 Phantom Ship

‎#2F3232

‎#2F3232 (Phantom Ship) RGB value is (47, 50, 50).
Red value is 47, green value is 50, and blue value is 50.
Cylindrical-coordinate representations (HSL) of color ‎#2F3232: hue: 180°, saturation: 3.1%, and lightness: 19%.
Process color (CMYK) of ‎#2F3232 is 6%, 0%, 0%, 80.4%. Web safe color equivalent of ‎#2F3232 is ‎##333333. Color #2F3232 contains mainly Black.

Color Spaces

Color spaces of #2F3232 Value
RGB47, 50, 50
HSL180°, 3.1%, 19%
HSV / HSB180°, 6%, 19.6%
CMYK6%, 0%, 0%, 80.4%
XYZ2.89, 3.12, 3.47

Base Numbers

Base Red Green Blue
Binary 00101111 00110010 00110010
Octal 057 062 062
Decimal 47 50 50
Hex 2F 32 32

RGB Percentages for Color #2F3232

Red: 32%
Green: 34%
Blue: 34%

CMYK Percentages of Color #2F3232

Cyan: 6%
Black: 80.4%

Shades of #2F3232

Tints of #2F3232

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

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

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

Background Color #2F3232

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

The background color of this container is #2F3232.
Border Color #2F3232

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

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

Related Colors & Harmonies

Detailed Specifications & Design Guide for #2F3232 (Phantom Ship)

Color Overview & Profile: Color ‎#2F3232, also known as Phantom Ship, is a prominent hue with strong representation in digital UI designs and print graphics. In the sRGB color space, it is composed of 18% Red (47/255), 20% Green (50/255), and 20% Blue (50/255). The primary color family component is Black.

Print & Physical Production Specs: For physical print production and offset printing setups, ‎#2F3232 translates into the CMYK subtractive color model with values of 6% Cyan, 0% Magenta, 0% Yellow, and 80.4% Key (Black). The cylindrical coordinates in the HSL space feature a hue of 180°, saturation of 3.1%, and lightness of 19%.

Web Accessibility & Design Recommendations: When implementing ‎#2F3232 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 ‎##333333.

Frequently Asked Questions about #2F3232 (Phantom Ship)

What is color code #2F3232 and its name?
#2F3232 is named Phantom Ship. In the sRGB color space, it consists of Red 47, Green 50, and Blue 50 (RGB: 47, 50, 50).
Is #2F3232 (Phantom Ship) a warm or cool color?
#2F3232 (Phantom Ship) is classified as a Neutral Color Tone with a primary color family component of Black.
What hex codes complement and match #2F3232?
The exact complementary matching hex code for #2F3232 (Phantom Ship) is #322F2F.
What is the CMYK print formula for #2F3232?
For physical print and offset setups, #2F3232 translates to CMYK values of 6% Cyan, 0% Magenta, 0% Yellow, and 80.4% Key/Black.
How can I use #2F3232 in CSS and web design?
Apply `background-color: #2F3232;` or `color: #2F3232;` in your CSS stylesheet. Its HSL representation is hue: 180°, saturation: 3.1%, and lightness: 19%.
‎#2F3232 Phantom Ship hexcolor for Phantom Ship Phantom Ship hexcode Shades of #2F3232 Tints of #2F3232 Similar Colors to #2F3232 #2F3232 Color Combinations #2F3232 CSS & Web Code #2F3232 RGB & CMYK Neutral Color Tone
Scroll to Top