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

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 #007AA5 from deepest shade to lightest tint.

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);
}