Dollar Bill

HEX: #85BB65 | Modern Palette

On White
2.26:1
FAIL
On Black
9.29:1
PASS

Color Specifications

HEX
#85BB65
RGB
133, 187, 101
HSL
97°, 45% ,73%
CMYK
28.88, 0, 45.99, 26.67

About Dollar Bill

Dollar Bill (#85BB65) is a color with RGB(133, 187, 101) and HSL(97.67°, 45.99%, 73.33%). In design, it fits Cool styles and is suitable for Text, Button, Logo. Its complementary color is #9B65BB, which creates strong contrast. Its triadic palette includes #6585BB and #BB6585. The name comes from Dollar Bill (English).

  • HEX: #85BB65
  • RGB: 133, 187, 101
  • HSL: 97.67°, 45.99%, 73.33%
  • Style: Cool
  • Use case: Text, Button, Logo
  • Complementary color: #9B65BB
  • Triadic colors: #6585BB, #BB6585
  • The name comes from Dollar Bill (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.

Color Harmonies

Complementary

The color directly opposite on the color wheel — creates maximum contrast and vibrance.

Analogous

Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.

Triadic

Three colors equally spaced 120° apart — bold, balanced, and visually rich.

Split-Complementary

Two colors flanking the complement — high contrast with less tension than full complementary.

Tetradic (Square)

Four colors at 90° intervals — rich variety, best when one color dominates.

Monochromatic

Shades and tints of the same hue — cohesive, elegant, and easy to work with.

Shades & Tints

A seamless scale of #85BB65 from deepest shade to lightest tint.

Color Characteristics

Mood
Style
Cool
Use case
Text Button Logo

Accessibility Simulation

Deuteranopia #AEAE67
Protanopia #B6B665
Tritanopia #91B3B3
Achromatopsia #ACACAC

Frequently Asked Questions

Dollar Bill (#85BB65) is a color with RGB(133, 187, 101) and HSL(97.67°, 45.99%, 73.33%).

#85BB65 pairs strongly with #9B65BB as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#85BB65 is suitable for Text, Button, Logo and works well with Cool styles.

The name Dollar Bill is linked to Dollar Bill from English, meaning A piece of paper currency, specifically one dollar..

Name, History & Etymology

Origin Word Dollar Bill
Meaning A piece of paper currency, specifically one dollar.
Language English
First Recorded Use Late 18th Century

History

The U.S. dollar was established by the Coinage Act of 1792. Early U.S. currency included both coins and paper notes issued by various banks. The federal government began issuing its own paper currency, 'greenbacks,' during the Civil War (1861-1865). The one-dollar bill has undergone several design changes over the centuries, with the current design featuring George Washington on the obverse and the Great Seal of the United States on the reverse largely established in 1963.

First Recorded Use

The term 'dollar' itself dates back to the 16th century (from 'thaler'), but 'dollar bill' as a common phrase for paper currency became prevalent after the establishment of the U.S. monetary system.

Cultural Associations

The dollar bill, particularly the one-dollar bill, is an iconic symbol of the United States and its economy. It is widely recognized globally. Its design elements, such as the Eye of Providence and the pyramid on the Great Seal, have been subjects of various interpretations and conspiracy theories. It is often used colloquially to represent money in general ('a few dollar bills'). The phrase 'in God we trust' has been printed on all U.S. currency since 1957.

Similar Named Colors

Bud Green #7BB661 ΔE 1.86
Pistachio #93C572 ΔE 3.05
Mantis #74C365 ΔE 3.65
Olivine #9AB973 ΔE 4.52

Code Snippets

/* Background */
.element {
    background-color: #85BB65;
}

/* Text */
.element {
    color: #85BB65;
}

/* Border */
.element {
    border: 1px solid #85BB65;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #85BB65,
        #C39CDA
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #85BB65,
        #C39CDA
    );
}

// SCSS variable
$dollar-bill: #85BB65;

// With RGB channels (useful for rgba() usage)
$dollar-bill-r: 133;
$dollar-bill-g: 187;
$dollar-bill-b: 101;

// Usage
.element {
    background-color: $dollar-bill;
    color: rgba($dollar-bill-r, $dollar-bill-g, $dollar-bill-b, 0.8);
}