‎#FFC3AA Gadabout

‎#FFC3AA

‎#FFC3AA (Gadabout) RGB value is (255, 195, 170).
Red value is 255, green value is 195, and blue value is 170.
Cylindrical-coordinate representations (HSL) of color ‎#FFC3AA: hue: 18°, saturation: 100%, and lightness: 83.3%.
Process color (CMYK) of ‎#FFC3AA is 0%, 23.5%, 33.3%, 0%. Web safe color equivalent of ‎#FFC3AA is ‎##FFCC99. Color #FFC3AA contains mainly Yellow.

Color Spaces

Color spaces of #FFC3AA Value
RGB255, 195, 170
HSL18°, 100%, 83.3%
HSV / HSB18°, 33.3%, 100%
CMYK0%, 23.5%, 33.3%, 0%
XYZ68.01, 63.2, 46.64

Base Numbers

Base Red Green Blue
Binary 11111111 11000011 10101010
Octal 377 303 252
Decimal 255 195 170
Hex FF C3 AA

RGB Percentages for Color #FFC3AA

Red: 41.1%
Green: 31.5%
Blue: 27.4%

CMYK Percentages of Color #FFC3AA

Magenta: 23.5%
Yellow: 33.3%

Shades of #FFC3AA

Tints of #FFC3AA

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

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

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

Background Color #FFC3AA

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

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

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

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

Related Colors & Harmonies

Detailed Specifications & Design Guide for #FFC3AA (Gadabout)

Color Overview & Profile: Color ‎#FFC3AA, also known as Gadabout, is a prominent hue with strong representation in digital UI designs and print graphics. In the sRGB color space, it is composed of 100% Red (255/255), 76% Green (195/255), and 67% Blue (170/255). The primary color family component is Yellow.

Print & Physical Production Specs: For physical print production and offset printing setups, ‎#FFC3AA translates into the CMYK subtractive color model with values of 0% Cyan, 23.5% Magenta, 33.3% Yellow, and 0% Key (Black). The cylindrical coordinates in the HSL space feature a hue of 18°, saturation of 100%, and lightness of 83.3%.

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

Frequently Asked Questions about #FFC3AA (Gadabout)

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