CG Blue

HEX: #007AA5 | Modern Palette

On White
4.85:1
PASS
On Black
4.33:1
FAIL

Color Specifications

HEX
#007AA5
RGB
0, 122, 165
HSL
195°, 100% ,64%
CMYK
100, 26.06, 0, 35.29

About CG Blue

CG Blue (#007AA5) is a color with RGB(0, 122, 165) and HSL(195.64°, 100%, 64.71%). It is commonly associated with Bold, Playful moods. In design, it fits Vivid, Neon styles and is suitable for Text, Button, Accent. Its complementary color is #A52B00, which creates strong contrast. Its triadic palette includes #A5007A and #7AA500. The name comes from CG Blue (English).

  • HEX: #007AA5
  • RGB: 0, 122, 165
  • HSL: 195.64°, 100%, 64.71%
  • Mood: Bold, Playful
  • Style: Vivid, Neon
  • Use case: Text, Button, Accent
  • Complementary color: #A52B00
  • Triadic colors: #A5007A, #7AA500
  • The name comes from CG Blue (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

CG Blue #007AA5 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.
 
CG BLUE
 
 
 
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
 
 
CG BLUE
 
 
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

CG Blue #007AA5 pairs with #A52B00 as its complementary color, and #A5007A and #7AA500 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.

CG BLUE
Analogous

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

CG BLUE
Triadic

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

CG BLUE
Split-Complementary

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

CG BLUE
Tetradic (Square)

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

CG BLUE
Monochromatic

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

CG BLUE

Shades & Tints

The shade and tint range for CG Blue #007AA5 moves from dark #00131A tones through the base color to lighter #E6F8FF tones, making it useful for depth, hierarchy, and background variation.

CG BLUE

Color Characteristics

Mood
Bold Playful
Style
Vivid Neon
Use case
Text Button Accent

Accessibility Simulation

Deuteranopia #6868A6
Protanopia #7474A5
Tritanopia #008080
Achromatopsia #717171

Frequently Asked Questions

CG Blue (#007AA5) is a color with RGB(0, 122, 165) and HSL(195.64°, 100%, 64.71%).

#007AA5 pairs strongly with #A52B00 as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#007AA5 is suitable for Text, Button, Accent and works well with Vivid, Neon styles.

#007AA5 is commonly associated with Bold, Playful.

The name CG Blue is linked to CG Blue from English, meaning A specific shade of blue often associated with computer graphics or a particular brand/organization..

Name, History & Etymology

Origin Word CG Blue
Meaning A specific shade of blue often associated with computer graphics or a particular brand/organization.
Language English
First Recorded Use Late 20th Century - Early 21st Century

History

The term 'CG Blue' itself doesn't have a deep historical etymology like ancient colors. Instead, its history is tied to the evolution of computer graphics and digital color representation. As digital art, animation, and design became common, specific shades of blue were often chosen for their vibrancy, readability, or to align with corporate branding (e.g., a 'CG' company's blue). The '#007aa5' hex code represents a particular, moderately saturated, medium-dark cyan-blue. Without further context (e.g., 'CG Blue' for a specific company or software), its history is general to digital color usage.

First Recorded Use

The exact first use is difficult to pinpoint without specific context, but the term 'CG Blue' likely emerged as computer graphics (CG) became prevalent, and specific color palettes were defined for software, branding, or visual effects. It's a descriptive name rather than a formally coined term.

Cultural Associations

In a general sense, blue colors are often associated with technology, professionalism, calmness, and reliability. 'CG Blue' specifically might evoke a sense of digital precision, modern design, or the visual aesthetic of computer-generated imagery. If this 'CG Blue' refers to a specific entity (e.g., a 'CG' company's brand color), then its cultural notes would be tied to that entity's perception and branding.

Similar Named Colors
Cerulean #007BA7 ΔE 0.46
Star Command Blue #007BB8 ΔE 4.76
Blue (NCS) #0087BD ΔE 5.60
Sea Blue #006994 ΔE 6.24

Code Snippets

/* Background */
.element {
    background-color: #007AA5;
}

/* Text */
.element {
    color: #007AA5;
}

/* Border */
.element {
    border: 1px solid #007AA5;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #007AA5,
        #FF7A4B
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #007AA5,
        #FF7A4B
    );
}

// SCSS variable
$cg-blue: #007AA5;

// With RGB channels (useful for rgba() usage)
$cg-blue-r: 0;
$cg-blue-g: 122;
$cg-blue-b: 165;

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