Blue (RYB)
HEX: #0247FE | Modern Palette
Color Specifications
#0247FE
2, 71, 254
223°, 99% ,99%
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
Color Palettes
Blue (RYB) #0247FE is used in Monochromatic, Neutral + Accent, Analogous, 3 + 1 + 1 palettes, giving designers ready-made combinations for backgrounds, surfaces, accents, and interface elements.
Color Harmonies
Blue (RYB) #0247FE pairs with #FEB902 as its complementary color, and #FE0247 and #47FE02 in triadic combinations. These harmony relationships help create balanced color combinations for UI, branding, and design work.
Frequently Asked Questions
Name, History & Etymology
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.
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);
}