#688CC2 Provence
#688CC2 (Provence) RGB value is (104, 140, 194).
Red value is 104, green value is 140, and blue value is 194.
Cylindrical-coordinate representations (HSL) of color #688CC2: hue: 216°, saturation: 42.5%, and lightness: 58.4%.
Process color (CMYK) of #688CC2 is 46.4%, 27.8%, 0%, 23.9%. Web safe color equivalent of #688CC2 is ##6699CC. Color #688CC2 contains mainly Blue.
Color Spaces
| Color spaces of #688CC2 | Value |
|---|---|
| RGB | 104, 140, 194 |
| HSL | 216°, 42.5%, 58.4% |
| HSV / HSB | 216°, 46.4%, 76.1% |
| CMYK | 46.4%, 27.8%, 0%, 23.9% |
| XYZ | 24.82, 25.59, 54.66 |
Base Numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01101000 | 10001100 | 11000010 |
| Octal | 150 | 214 | 302 |
| Decimal | 104 | 140 | 194 |
| Hex | 68 | 8C | C2 |
Shades of #688CC2
Tints of #688CC2
.mybgColor { background-color: #688CC2; }
.myforeColor { color: #688CC2; }
.myborderColor { border: 3px solid #688CC2; }
<p style="color:#688CC2">Text here</p>
This sample text is styled with font color #688CC2. It demonstrates typography contrast and readability for Web Content Accessibility Guidelines.
<div style="background-color:#688CC2">Div content here</div>
<div style="border:3px solid #688CC2">Div here</div>
.textShadowRgb { text-shadow: 4px 4px 2px rgba(104, 140, 194, 0.8); }
.textShadowHex { text-shadow: 4px 4px 2px #688CC2; }
.divShadow { -moz-box-shadow: 1px 1px 3px #688CC2;
-webkit-box-shadow: 1px 1px 3px #688CC2;
box-shadow: 1px 1px 3px #688CC2; }
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 #688CC2 (Provence)
Color Overview & Profile: Color #688CC2, also known as Provence, is a prominent hue with strong representation in digital UI designs and print graphics. In the sRGB color space, it is composed of 41% Red (104/255), 55% Green (140/255), and 76% Blue (194/255). The primary color family component is Blue.
Print & Physical Production Specs: For physical print production and offset printing setups, #688CC2 translates into the CMYK subtractive color model with values of 46.4% Cyan, 27.8% Magenta, 0% Yellow, and 23.9% Key (Black). The cylindrical coordinates in the HSL space feature a hue of 216°, saturation of 42.5%, and lightness of 58.4%.
Web Accessibility & Design Recommendations: When implementing #688CC2 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 ##6699CC.