‎#798CB6 Iolite

‎#798CB6

‎#798CB6 (Iolite) RGB value is (121, 140, 182).
Red value is 121, green value is 140, and blue value is 182.
Cylindrical-coordinate representations (HSL) of color ‎#798CB6: hue: 221°, saturation: 29.5%, and lightness: 59.4%.
Process color (CMYK) of ‎#798CB6 is 33.5%, 23.1%, 0%, 28.6%. Web safe color equivalent of ‎#798CB6 is ‎##6699CC. Color #798CB6 contains mainly Blue.

Color Spaces

Color spaces of #798CB6 Value
RGB121, 140, 182
HSL221°, 29.5%, 59.4%
HSV / HSB221°, 33.5%, 71.4%
CMYK33.5%, 23.1%, 0%, 28.6%
XYZ25.7, 26.2, 47.95

Base Numbers

Base Red Green Blue
Binary 01111001 10001100 10110110
Octal 171 214 266
Decimal 121 140 182
Hex 79 8C B6

RGB Percentages for Color #798CB6

Red: 27.3%
Green: 31.6%
Blue: 41.1%

CMYK Percentages of Color #798CB6

Cyan: 33.5%
Magenta: 23.1%
Black: 28.6%

Shades of #798CB6

Tints of #798CB6

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

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

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

Background Color #798CB6

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

The background color of this container is #798CB6.
Border Color #798CB6

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

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

Related Colors & Harmonies

Detailed Specifications & Design Guide for #798CB6 (Iolite)

Color Overview & Profile: Color ‎#798CB6, also known as Iolite, is a prominent hue with strong representation in digital UI designs and print graphics. In the sRGB color space, it is composed of 47% Red (121/255), 55% Green (140/255), and 71% Blue (182/255). The primary color family component is Blue.

Print & Physical Production Specs: For physical print production and offset printing setups, ‎#798CB6 translates into the CMYK subtractive color model with values of 33.5% Cyan, 23.1% Magenta, 0% Yellow, and 28.6% Key (Black). The cylindrical coordinates in the HSL space feature a hue of 221°, saturation of 29.5%, and lightness of 59.4%.

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

Frequently Asked Questions about #798CB6 (Iolite)

What is color code #798CB6 and its name?
#798CB6 is named Iolite. In the sRGB color space, it consists of Red 121, Green 140, and Blue 182 (RGB: 121, 140, 182).
Is #798CB6 (Iolite) a warm or cool color?
#798CB6 (Iolite) is classified as a Cool Color Tone with a primary color family component of Blue.
What hex codes complement and match #798CB6?
The exact complementary matching hex code for #798CB6 (Iolite) is #B6A379.
What is the CMYK print formula for #798CB6?
For physical print and offset setups, #798CB6 translates to CMYK values of 33.5% Cyan, 23.1% Magenta, 0% Yellow, and 28.6% Key/Black.
How can I use #798CB6 in CSS and web design?
Apply `background-color: #798CB6;` or `color: #798CB6;` in your CSS stylesheet. Its HSL representation is hue: 221°, saturation: 29.5%, and lightness: 59.4%.
‎#798CB6 Iolite hexcolor for Iolite Iolite hexcode Shades of #798CB6 Tints of #798CB6 Similar Colors to #798CB6 #798CB6 Color Combinations #798CB6 CSS & Web Code #798CB6 RGB & CMYK Cool Color Tone
Scroll to Top