Sacramento State Green

HEX: #00563F | Modern Palette

On White
8.74:1
PASS
On Black
2.40:1
FAIL

Color Specifications

HEX
#00563F
RGB
0, 86, 63
HSL
163°, 100% ,33%
CMYK
100, 0, 26.74, 66.27

About Sacramento State Green

Sacramento State Green (#00563F) is a color with RGB(0, 86, 63) and HSL(163.95°, 100%, 33.73%). It is commonly associated with Bold, Luxury moods. In design, it fits Vivid, Cool styles and is suitable for Text, Button, Accent. Its complementary color is #560017, which creates strong contrast. Its triadic palette includes #3F0056 and #563F00. The name comes from Sacramento State Green (English).

  • HEX: #00563F
  • RGB: 0, 86, 63
  • HSL: 163.95°, 100%, 33.73%
  • Mood: Bold, Luxury
  • Style: Vivid, Cool
  • Use case: Text, Button, Accent
  • Complementary color: #560017
  • Triadic colors: #3F0056, #563F00
  • The name comes from Sacramento State Green (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Sacramento State Green #00563F is used in Monochromatic, Neutral + Accent, Analogous, 3 + 1 + 1 palettes, giving designers ready-made combinations for backgrounds, surfaces, accents, and interface elements.

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

Sacramento State Green #00563F pairs with #560017 as its complementary color, and #3F0056 and #563F00 in triadic combinations. These harmony relationships help create balanced color combinations for UI, branding, and design work.

Complementary

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

SACRAMENTO STATE GREEN
Analogous

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

SACRAMENTO STATE GREEN
Triadic

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

SACRAMENTO STATE GREEN
Split-Complementary

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

SACRAMENTO STATE GREEN
Tetradic (Square)

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

SACRAMENTO STATE GREEN
Monochromatic

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

SACRAMENTO STATE GREEN

Shades & Tints

The shade and tint range for Sacramento State Green #00563F moves from dark #001A13 tones through the base color to lighter #E6FFF8 tones, making it useful for depth, hierarchy, and background variation.

SACRAMENTO STATE GREEN

Color Characteristics

Mood
Bold Luxury
Style
Vivid Cool
Use case
Text Button Accent

Accessibility Simulation

Deuteranopia #494940
Protanopia #51513F
Tritanopia #115454
Achromatopsia #4B4B4B

Frequently Asked Questions

Sacramento State Green (#00563F) is a color with RGB(0, 86, 63) and HSL(163.95°, 100%, 33.73%).

#00563F pairs strongly with #560017 as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#00563F is suitable for Text, Button, Accent and works well with Vivid, Cool styles.

#00563F is commonly associated with Bold, Luxury.

The name Sacramento State Green is linked to Sacramento State Green from English, meaning A specific shade of green associated with California State University, Sacramento..

Name, History & Etymology

Origin Word Sacramento State Green
Meaning A specific shade of green associated with California State University, Sacramento.
Language English
First Recorded Use Late 20th Century

History

Universities adopt specific color palettes for branding, identity, and athletic teams. 'Sacramento State Green' is one of the primary official colors of California State University, Sacramento (often referred to as Sac State). This color, along with gold, forms the core visual identity of the university. The specific hex code #00563f ensures consistency across all digital and print media, from athletic uniforms to official letterheads and website design. The choice of green often symbolizes growth, nature, and the environment, which can be particularly relevant for institutions located in areas with significant natural landscapes like Sacramento.

First Recorded Use

Likely established as an official university color in the latter half of the 20th century, though the exact date of its first formal designation as 'Sacramento State Green' is not readily available without deep institutional archives. University colors are typically formalized for branding, athletics, and official communications.

Cultural Associations

As an official university color, 'Sacramento State Green' holds significant cultural meaning for students, alumni, faculty, and staff of California State University, Sacramento. It is prominently featured in university branding, athletic team uniforms (the Hornets), graduation regalia, and merchandise. Wearing or displaying this color is a common way to show school spirit, affiliation, and pride. It is instantly recognizable within the context of the university community.

Similar Named Colors

Brunswick Green #1B4D3E ΔE 4.77
Cal Poly Pomona Green #1E4D2B ΔE 6.40
Bottle Green #006A4E ΔE 6.53
British Racing Green #004225 ΔE 7.07

Code Snippets

/* Background */
.element {
    background-color: #00563F;
}

/* Text */
.element {
    color: #00563F;
}

/* Border */
.element {
    border: 1px solid #00563F;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #00563F,
        #AC002E
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #00563F,
        #AC002E
    );
}

// SCSS variable
$sacramento-state-green: #00563F;

// With RGB channels (useful for rgba() usage)
$sacramento-state-green-r: 0;
$sacramento-state-green-g: 86;
$sacramento-state-green-b: 63;

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