Citron - #8aaf21 - RGB (138, 175, 33)

RGB (138, 175, 33) - #8aaf21 - Citron Color Analysis & Informations

The color named Citron is represented by the hex code #8aaf21, which consists of the symbol # and 6 letters or numbers in the hexadecimal numeral system. This page provides a detailed analysis of the hex code #8aaf21. In the RGB color space, the hex code #8AAF21 is comprised of 54.1% red, 68.6% green, and 12.9% blue. The CMYK color model, used in printing, has a composition of 21% cyan, 0% magenta, 81% yellow, and 31% black. In the HSL color space, the hex code #8aaf21 has a hue of 76°, 68% saturation, and 41% lightness. The decimal value of this color is 9,088,801. A version of the color that is 20% lighter is #719608, while the 20% darker version is #355a00.

  1. #8aaf21 - rgb(138, 175, 33) Color Schemes
  2. #8aaf21 - rgb(138, 175, 33) Color Spaces
  3. #8aaf21 - rgb(138, 175, 33) Alternatives Colours
  4. #8aaf21 - rgb(138, 175, 33) Shades and Tints
  5. #8aaf21 - rgb(138, 175, 33) Color Conversion
  6. #8aaf21 - rgb(138, 175, 33) HTML/CSS Preview

Color Schemes with Citron (8aaf21)

8a21a0 8aaf21 8ac221

#8aaf21 Analogous Colors

af218a #8aaf21 218aaf

#8aaf21 Triadic Colors

217a8a #8aaf21 218a49

#8aaf21 Split Complementary Colors

8aaf21 21b28a

#8aaf21 Complementary Colors

92b729 9abf31 a0c537 a9ce40 b3d84a bbe052

#8aaf21 Monochromatic Colors

In design, a color scheme refers to the chosen selection of colors. Colors chosen from neighboring hues on the color wheel are referred to as analogous colors, resulting in a pleasing combination due to their close relation. The triadic color harmony involves three colors that are evenly spaced from one another on the color wheel, forming a triangle. On the other hand, the split-complementary color scheme involves the use of three colors - the original color and two hues adjacent to its complement color.

Color spaces of Hex Code #8AAF21

RGB Decimal 138, 175, 33
RGB Percent rgb(54.1%,68.6%,12.9%)
CMYK 21, 0, 81, 31
HSV 76°, 81°, 69°
HSL 76°, 68°, 41°
Web Safe #8aaf21
XYZ XYZ(49, 62, 22)
Motivating Your Way to Success

The hexadecimal triplet #8aaf21 definition is: Red = 138, Green = 175, Blue = 33 or CMYK: Cyan = 21, Magenta = 0, Yellow = 81, Black = 31

Alternatives colours to Citron (#8aaf21)

8db224 90b527 93b82a 87ac1e 84a91b 81a618

Listed above are colors that are alternative to the hex color code #8aaf21. This can be a useful resource if you are looking for alternative color options that complement your original choice.

Shades and Tints of #8aaf21 Color Variations

1c4100 264b00 305500 3a5f00 446900 4e7300 587d00 628700 6c9103 769b0d 80a517 8aaf21

#8aaf21 Shade Color Variations

94b92b 9ec335 a8cd3f b2d749 bce153 c6eb5d d0f567 daff71 e4ff7b eeff85 f8ff8f ffff99

#8aaf21 Tint Color Variations

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. #1c4100 is the darkest color, while #ffff99 is the lightest one.

Citron - #8aaf21 Color Conversions

  • 138 R
  • 175 G
  • 33 B
  • 76 H
  • 81 S
  • 69 V
  • 76 H
  • 68 S
  • 41 L

This table contains information about #8aaf21 color values in the most popular color spaces: RGB, HSV, HSL.

#8aaf21 Color Codes for CSS3/HTML5 and Icon Previews

Text with Hexadecimal Color #8aaf21
This sample text has a font color of #8aaf21
<span style="color:#8aaf21">Your text here..</span>
#8aaf21 Border Color
This sample element has a border color of #8aaf21
<div style="border:1px solid #8aaf21;">Your content here..</div>
#8aaf21 CSS3 Linear Gradient
<div style="background: -webkit-linear-gradient(left,#8aaf21,orange,yellow,green,blue,indigo,violet); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(left,#8aaf21,orange,yellow,green,blue,indigo,violet); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(left,#8aaf21,orange,yellow,green,blue,indigo,violet); /* For Fx 3.6 to 15 */ background: linear-gradient(to right, #8aaf21,orange,yellow,green,blue,indigo,violet);">Your content here..</div>
#8aaf21 Background Color
This sample paragraph has a background color of #8aaf21
<p style="background-color:#8aaf21;">Your content here..</p>
#8aaf21 Text Shadow
This sample text has a shadow color of #8aaf21
<p style="text-shadow:2px 2px 1px #8aaf21">Your text here</p>
Sample text with glow color #8aaf21
This sample text has a glow color of #8aaf21
<span style="color:#000;text-shadow: 0 0 2px #8aaf21">Your text here..</span>
#8aaf21 Box Shadow
This sample element has a box shadow of #8aaf21
<div style="-moz-box-shadow:1px 1px 3px 2px #8aaf21; -webkit-box-shadow:1px 1px 3px 2px #8aaf21; box-shadow:1px 1px 3px 2px #8aaf21;">Your content here..</div>
Sample text with Underline Color #8aaf21
This sample text has a underline color of #8aaf21
<span style="color:#000;border-bottom: 1px solid #8aaf21">Your text here..</span>
A selection of SVG images/icons using the hex version #8aaf21 of the current color.

Hex Code #8aaf21 web previews. Sample HTML/CSS paragraph codes using Citron color.

Citron #8aaf21 Similar Colors

#3b30a5#98f2af#f7b9c3#ff2d65#e8af76#c92628
#9171c4#9bdbf7#db157f#6bdbb2#c7f968#bf1646
Popular Free Books
The Silo Series Collection E-Book Download
The Silo Series CollectionHugh HoweyFiction & Literature2020-05-19
Rich AF E-Book Download
Rich AFVivian TuPersonal Finance2023-12-26
Fourth Wing E-Book Download
Fourth WingRebecca YarrosFantasy2023-05-02
A Court of Thorns and Roses E-Book Download
A Court of Thorns and RosesSarah J. MaasFantasy2015-05-05
A Court of Mist and Fury E-Book Download
A Court of Mist and FurySarah J. MaasFantasy2016-05-03
Demon Copperhead E-Book Download
Demon CopperheadBarbara KingsolverFiction & Literature2022-10-18
Blog
Does Google Analytics work with Shopify?

Google Analytics is a powerful tool for businesses to measure the performance of their online presence and make data-driven decisions. It provides a wealth of data and insights on website traffic, user behavior, and conversions, allowing businesses t...

What is the highest converting Shopify theme?

The highest converting Shopify theme is one that effectively integrates the elements of good website design and user experience to increase conversions and drive sales. A theme with an aesthetically pleasing design, clear and concise messaging, and a...

Is Shopify good for SEO?

Shopify is one of the most popular e-commerce platforms, with over one million active online stores. While Shopify’s focus is primarily on making it easy for businesses to set up an online store and sell products, it’s also important to c...

How will the release of GA4 affect your shopify business?

The release of Google Analytics 4 (GA4) is a significant event for e-commerce businesses, including those using Shopify. As the newest version of Google’s web analytics platform, GA4 offers a wealth of advanced features and capabilities that ca...

Is it worth buying a prebuilt Shopify store?

For those looking to launch a successful ecommerce store quickly and with minimal effort, buying a prebuilt Shopify store can be an attractive option. But is it worth it? In this article, we’ll look at the pros and cons of purchasing an existin...

↑