Olive - #677d00 - RGB (103, 125, 0)

RGB (103, 125, 0) - #677d00 - Olive Color Analysis & Informations

The color named Olive is represented by the hex code #677d00, 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 #677d00. In the RGB color space, the hex code #677D00 is comprised of 40.4% red, 49% green, and 0% blue. The CMYK color model, used in printing, has a composition of 18% cyan, 0% magenta, 100% yellow, and 51% black. In the HSL color space, the hex code #677d00 has a hue of 71°, 100% saturation, and 25% lightness. The decimal value of this color is 6,782,208. A version of the color that is 20% lighter is #4e6400, while the 20% darker version is #122800.

  1. #677d00 - rgb(103, 125, 0) Color Schemes
  2. #677d00 - rgb(103, 125, 0) Color Spaces
  3. #677d00 - rgb(103, 125, 0) Alternatives Colours
  4. #677d00 - rgb(103, 125, 0) Shades and Tints
  5. #677d00 - rgb(103, 125, 0) Color Conversion
  6. #677d00 - rgb(103, 125, 0) HTML/CSS Preview

Color Schemes with Olive (677d00)

67006e 677d00 679000

#677d00 Analogous Colors

7d0067 #677d00 00677d

#677d00 Triadic Colors

004867 #677d00 006717

#677d00 Split Complementary Colors

677d00 008067

#677d00 Complementary Colors

6f8508 778d10 7d9316 869c1f 90a629 98ae31

#677d00 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 #677D00

RGB Decimal 103, 125, 0
RGB Percent rgb(40.4%,49%,0%)
CMYK 18, 0, 100, 51
HSV 71°, 100°, 49°
HSL 71°, 100°, 25°
Web Safe #677d00
XYZ XYZ(34, 44, 7)
Motivating Your Way to Success

The hexadecimal triplet #677d00 definition is: Red = 103, Green = 125, Blue = 0 or CMYK: Cyan = 18, Magenta = 0, Yellow = 100, Black = 51

Alternatives colours to Olive (#677d00)

6a8003 6d8306 708609 647a00 617700 5e7400

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

Shades and Tints of #677d00 Color Variations

000f00 031900 0d2300 172d00 213700 2b4100 354b00 3f5500 495f00 536900 5d7300 677d00

#677d00 Shade Color Variations

71870a 7b9114 859b1e 8fa528 99af32 a3b93c adc346 b7cd50 c1d75a cbe164 d5eb6e dff578

#677d00 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. #000f00 is the darkest color, while #dff578 is the lightest one.

Olive - #677d00 Color Conversions

  • 103 R
  • 125 G
  • 0 B
  • 71 H
  • 100 S
  • 49 V
  • 71 H
  • 100 S
  • 25 L

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

#677d00 Color Codes for CSS3/HTML5 and Icon Previews

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

Hex Code #677d00 web previews. Sample HTML/CSS paragraph codes using Olive color.

Olive #677d00 Similar Colors

#c96004#9fea8f#eac809#a7d4f9#6bc40b#7f99ef
#e049ff#d67260#d0fc83#cc12a0#77b3e5#d3f291
Popular Free Books
The Ballad of Songbirds and Snakes (A Hunger Games Novel) E-Book Download
The Ballad of Songbirds and Snakes (A Hunger Games Novel)Suzanne CollinsDystopian2020-05-19
Released E-Book Download
ReleasedGypsy-Rose Blanchard, Melissa Moore & Michele MatriscianiTrue Crime2024-01-09
The Edge E-Book Download
The EdgeDavid BaldacciMysteries & Thrillers2023-11-14
Montana Creeds: Logan E-Book Download
Montana Creeds: LoganLinda Lael MillerContemporary2019-07-15
Rich AF E-Book Download
Rich AFVivian TuPersonal Finance2023-12-26
It Ends with Us E-Book Download
It Ends with UsColleen HooverContemporary2016-08-02
Blog
How can you prepare for the release of GA4

The release of GA4, or Google Analytics 4, represents a major step forward for web analytics and businesses. With its advanced measurement capabilities, user-friendly interface, and improved privacy features, GA4 has the potential to revolutionize th...

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...

How do I integrate Google Analytics into Shopify?

Google Analytics is a powerful tool for tracking and analyzing website traffic and performance. Integrating Google Analytics into your Shopify store can provide valuable insights into your customer behavior and help you make data-driven decisions abo...

What changes or updates do you hope to see in GA4

Google Analytics 4 (GA4) is the latest version of Google’s web analytics platform, designed to provide marketers and business owners with a more robust and sophisticated way to track their website’s performance. Since its launch in 2020, ...

When will shopify support ga4?

Shopify is a leading e-commerce platform that allows businesses of all sizes to create and manage an online store with ease. It provides a comprehensive range of features and functionalities to help businesses sell their products and services to a gl...

↑