Blue (RYB)

HEX: #0247FE | Modern Palette

On White
6.30:1
PASS
On Black
3.34:1
FAIL

Color Specifications

HEX
#0247FE
RGB
2, 71, 254
HSL
223°, 99% ,99%
CMYK
99.21, 72.05, 0, 0.39

About Blue (RYB)

Blue (RYB) (#0247FE) is a color with RGB(2, 71, 254) and HSL(223.57°, 99.21%, 99.61%). It is commonly associated with Playful moods. In design, it fits Neon, Cool styles and is suitable for Text, Button, Background. Its complementary color is #FEB902, which creates strong contrast. Its triadic palette includes #FE0247 and #47FE02. The name comes from *blēwaz (Proto-Germanic).

  • HEX: #0247FE
  • RGB: 2, 71, 254
  • HSL: 223.57°, 99.21%, 99.61%
  • Mood: Playful
  • Style: Neon, Cool
  • Use case: Text, Button, Background
  • Complementary color: #FEB902
  • Triadic colors: #FE0247, #47FE02
  • The name comes from *blēwaz (Proto-Germanic).

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

Color Characteristics

Mood
Playful
Style
Neon Cool

Accessibility Simulation

Deuteranopia #3C3CFE
Protanopia #4343FE
Tritanopia #007676
Achromatopsia #606060

Frequently Asked Questions

Blue (RYB) (#0247FE) is a color with RGB(2, 71, 254) and HSL(223.57°, 99.21%, 99.61%).

#0247FE pairs strongly with #FEB902 as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#0247FE is suitable for Text, Button, Background and works well with Neon, Cool styles.

#0247FE is commonly associated with Playful.

The name Blue (RYB) is linked to *blēwaz from Proto-Germanic, meaning blue, light-colored, gleaming.

Name, History & Etymology

Origin Word *blēwaz
Meaning blue, light-colored, gleaming
Language Proto-Germanic
First Recorded Use Old English

History

The word 'blue' has a complex etymology. It traces back to Proto-Germanic *blēwaz, which itself might be related to Proto-Indo-European *bʰleH-wos, meaning 'light-colored, gleaming'. This root also gave rise to words for 'yellow' and 'blonde' in other languages, indicating an initial broader meaning related to light or pale colors rather than specifically blue. In Old English, 'blæw' was used. Over time, its meaning narrowed to specifically refer to the color blue. The specific shade 'Blue (RYB)' refers to a primary color in the subtractive RYB (Red, Yellow, Blue) color model, traditionally used in art and painting. This model predates modern scientific understanding of light and color, where RGB (Red, Green, Blue) is the additive primary model and CMYK (Cyan, Magenta, Yellow, Key/Black) is the subtractive primary model.

First Recorded Use

Before 12th century

Cultural Associations

Blue is a color with vast cultural significance. It is often associated with the sky and sea, leading to connotations of depth, stability, wisdom, and truth. In many Western cultures, blue is linked to calmness and serenity, and it is a popular color for corporate branding to convey reliability. It can also symbolize sadness ('feeling blue'). In some cultures, blue is believed to ward off evil (e.g., the 'evil eye' amulet). Historically, obtaining blue pigments was challenging and expensive, making it a color associated with royalty and divinity (e.g., ultramarine in medieval art). The specific 'RYB blue' is fundamental to traditional art education and color mixing.

Similar Named Colors

Palatinate Blue #273BE2 ΔE 4.70
Majorelle Blue #6050DC ΔE 6.58
Iris #5A4FCF ΔE 6.91
New Car #214FC6 ΔE 7.16

Code Snippets

/* Background */
.element {
    background-color: #0247FE;
}

/* Text */
.element {
    color: #0247FE;
}

/* Border */
.element {
    border: 1px solid #0247FE;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #0247FE,
        #FFFEFD
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #0247FE,
        #FFFEFD
    );
}

// SCSS variable
$blue-(ryb): #0247FE;

// With RGB channels (useful for rgba() usage)
$blue-(ryb)-r: 2;
$blue-(ryb)-g: 71;
$blue-(ryb)-b: 254;

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