#3F5771 Champlain Blue
#3F5771 (Champlain Blue) RGB value is (63, 87, 113).
Red value is 63, green value is 87, and blue value is 113.
Cylindrical-coordinate representations (HSL) of color #3F5771: hue: 211°, saturation: 28.4%, and lightness: 34.5%.
Process color (CMYK) of #3F5771 is 44.2%, 23%, 0%, 55.7%. Web safe color equivalent of #3F5771 is ##336666. Color #3F5771 contains mainly Blue.
Color Spaces
| Color spaces of #3F5771 | Value |
|---|---|
| RGB | 63, 87, 113 |
| HSL | 211°, 28.4%, 34.5% |
| HSV / HSB | 211°, 44.2%, 44.3% |
| CMYK | 44.2%, 23%, 0%, 55.7% |
| XYZ | 8.44, 9.06, 16.92 |
Base Numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00111111 | 01010111 | 01110001 |
| Octal | 077 | 127 | 161 |
| Decimal | 63 | 87 | 113 |
| Hex | 3F | 57 | 71 |
Shades of #3F5771
Tints of #3F5771
.mybgColor { background-color: #3F5771; }
.myforeColor { color: #3F5771; }
.myborderColor { border: 3px solid #3F5771; }
<p style="color:#3F5771">Text here</p>
This sample text is styled with font color #3F5771. It demonstrates typography contrast and readability for Web Content Accessibility Guidelines.
<div style="background-color:#3F5771">Div content here</div>
<div style="border:3px solid #3F5771">Div here</div>
.textShadowRgb { text-shadow: 4px 4px 2px rgba(63, 87, 113, 0.8); }
.textShadowHex { text-shadow: 4px 4px 2px #3F5771; }
.divShadow { -moz-box-shadow: 1px 1px 3px #3F5771;
-webkit-box-shadow: 1px 1px 3px #3F5771;
box-shadow: 1px 1px 3px #3F5771; }
This text has a CSS3 shadow effect generated with RGB color values.
This text has a CSS3 shadow effect generated with Hex color values.
Related Colors & Harmonies
Detailed Specifications & Design Guide for #3F5771 (Champlain Blue)
Color Overview & Profile: Color #3F5771, also known as Champlain Blue, is a prominent hue with strong representation in digital UI designs and print graphics. In the sRGB color space, it is composed of 25% Red (63/255), 34% Green (87/255), and 44% Blue (113/255). The primary color family component is Blue.
Print & Physical Production Specs: For physical print production and offset printing setups, #3F5771 translates into the CMYK subtractive color model with values of 44.2% Cyan, 23% Magenta, 0% Yellow, and 55.7% Key (Black). The cylindrical coordinates in the HSL space feature a hue of 211°, saturation of 28.4%, and lightness of 34.5%.
Web Accessibility & Design Recommendations: When implementing #3F5771 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 ##336666.