‎#AFE1E5 Opal

‎#AFE1E5

‎#AFE1E5 (Opal) RGB value is (175, 225, 229).
Red value is 175, green value is 225, and blue value is 229.
Cylindrical-coordinate representations (HSL) of color ‎#AFE1E5: hue: 184°, saturation: 50.9%, and lightness: 79.2%.
Process color (CMYK) of ‎#AFE1E5 is 23.6%, 1.7%, 0%, 10.2%. Web safe color equivalent of ‎#AFE1E5 is ‎##99CCCC. Color #AFE1E5 contains mainly Magenta.

Color Spaces

Color spaces of #AFE1E5 Value
RGB175, 225, 229
HSL184°, 50.9%, 79.2%
HSV / HSB184°, 23.6%, 89.8%
CMYK23.6%, 1.7%, 0%, 10.2%
XYZ58.74, 68.62, 84.26

Base Numbers

Base Red Green Blue
Binary 10101111 11100001 11100101
Octal 257 341 345
Decimal 175 225 229
Hex AF E1 E5

RGB Percentages for Color #AFE1E5

Red: 27.8%
Green: 35.8%
Blue: 36.4%

CMYK Percentages of Color #AFE1E5

Cyan: 23.6%
Magenta: 1.7%
Black: 10.2%

Shades of #AFE1E5

Tints of #AFE1E5

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

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

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

Background Color #AFE1E5

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

The background color of this container is #AFE1E5.
Border Color #AFE1E5

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

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

Related Colors & Harmonies

Detailed Specifications & Design Guide for #AFE1E5 (Opal)

Color Overview & Profile: Color ‎#AFE1E5, also known as Opal, is a prominent hue with strong representation in digital UI designs and print graphics. In the sRGB color space, it is composed of 69% Red (175/255), 88% Green (225/255), and 90% Blue (229/255). The primary color family component is Magenta.

Print & Physical Production Specs: For physical print production and offset printing setups, ‎#AFE1E5 translates into the CMYK subtractive color model with values of 23.6% Cyan, 1.7% Magenta, 0% Yellow, and 10.2% Key (Black). The cylindrical coordinates in the HSL space feature a hue of 184°, saturation of 50.9%, and lightness of 79.2%.

Web Accessibility & Design Recommendations: When implementing ‎#AFE1E5 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 ‎##99CCCC.

Frequently Asked Questions about #AFE1E5 (Opal)

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