‎#5F5B64 Castlerock

‎#5F5B64

‎#5F5B64 (Castlerock) RGB value is (95, 91, 100).
Red value is 95, green value is 91, and blue value is 100.
Cylindrical-coordinate representations (HSL) of color ‎#5F5B64: hue: 267°, saturation: 4.7%, and lightness: 37.5%.
Process color (CMYK) of ‎#5F5B64 is 5%, 9%, 0%, 60.8%. Web safe color equivalent of ‎#5F5B64 is ‎##666666. Color #5F5B64 contains mainly GRAY.

Color Spaces

Color spaces of #5F5B64 Value
RGB95, 91, 100
HSL267°, 4.7%, 37.5%
HSV / HSB267°, 9%, 39.2%
CMYK5%, 9%, 0%, 60.8%
XYZ10.76, 10.84, 13.58

Base Numbers

Base Red Green Blue
Binary 01011111 01011011 01100100
Octal 137 133 144
Decimal 95 91 100
Hex 5F 5B 64

RGB Percentages for Color #5F5B64

Red: 33.2%
Green: 31.8%
Blue: 35%

CMYK Percentages of Color #5F5B64

Cyan: 5%
Magenta: 9%
Black: 60.8%

Shades of #5F5B64

Tints of #5F5B64

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

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

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

Background Color #5F5B64

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

The background color of this container is #5F5B64.
Border Color #5F5B64

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

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

Related Colors & Harmonies

Detailed Specifications & Design Guide for #5F5B64 (Castlerock)

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

Print & Physical Production Specs: For physical print production and offset printing setups, ‎#5F5B64 translates into the CMYK subtractive color model with values of 5% Cyan, 9% Magenta, 0% Yellow, and 60.8% Key (Black). The cylindrical coordinates in the HSL space feature a hue of 267°, saturation of 4.7%, and lightness of 37.5%.

Web Accessibility & Design Recommendations: When implementing ‎#5F5B64 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 #5F5B64 (Castlerock)

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