Blueberry

HEX: #4F86F7 | Modern Palette

On White
3.45:1
FAIL
On Black
6.09:1
PASS

Color Specifications

HEX
#4F86F7
RGB
79, 134, 247
HSL
220°, 68% ,96%
CMYK
68.02, 45.75, 0, 3.14

About Blueberry

Blueberry (#4F86F7) is a color with RGB(79, 134, 247) and HSL(220.36°, 68.02%, 96.86%). It is commonly associated with Playful moods. In design, it fits Cool styles and is suitable for Text, Button, Background. Its complementary color is #F7C04F, which creates strong contrast. Its triadic palette includes #F74F86 and #86F74F. The name comes from blueberry (English).

  • HEX: #4F86F7
  • RGB: 79, 134, 247
  • HSL: 220.36°, 68.02%, 96.86%
  • Mood: Playful
  • Style: Cool
  • Use case: Text, Button, Background
  • Complementary color: #F7C04F
  • Triadic colors: #F74F86, #86F74F
  • The name comes from blueberry (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Blueberry #4F86F7 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.
 
 
 
BLUEBERRY
 
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
 
 
BLUEBERRY
 
 
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

Blueberry #4F86F7 pairs with #F7C04F as its complementary color, and #F74F86 and #86F74F 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.

BLUEBERRY
Analogous

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

BLUEBERRY
Triadic

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

BLUEBERRY
Split-Complementary

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

BLUEBERRY
Tetradic (Square)

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

BLUEBERRY
Monochromatic

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

BLUEBERRY

Shades & Tints

The shade and tint range for Blueberry #4F86F7 moves from dark #010918 tones through the base color to lighter #E7EEFE tones, making it useful for depth, hierarchy, and background variation.

BLUEBERRY

Color Characteristics

Mood
Playful
Style
Cool
Use case
Text Button Background

Accessibility Simulation

Deuteranopia #7979F7
Protanopia #8181F7
Tritanopia #009B9B
Achromatopsia #8A8A8A

Frequently Asked Questions

Blueberry (#4F86F7) is a color with RGB(79, 134, 247) and HSL(220.36°, 68.02%, 96.86%).

#4F86F7 pairs strongly with #F7C04F as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#4F86F7 is suitable for Text, Button, Background and works well with Cool styles.

#4F86F7 is commonly associated with Playful.

The name Blueberry is linked to blueberry from English, meaning A small, round, blue or purplish-black berry with a crown at the end, growing on a shrub, typically sweet and juicy..

Name, History & Etymology

Origin Word blueberry
Meaning A small, round, blue or purplish-black berry with a crown at the end, growing on a shrub, typically sweet and juicy.
Language English
First Recorded Use Late 16th Century

History

The word 'blueberry' is a compound of 'blue' (referring to its color) and 'berry'. The term was first recorded in English in the late 16th century. Prior to this, various indigenous names were used in North America, and in Europe, similar berries like bilberries or whortleberries were known by different names. The widespread adoption of 'blueberry' in English coincided with increased European settlement in North America, where the fruit is native and abundant. The scientific name for the most common cultivated species is *Vaccinium corymbosum*.

First Recorded Use

1580s

Cultural Associations

Blueberries are highly valued for their nutritional benefits, often considered a 'superfood' due to their high antioxidant content. They are a popular ingredient in desserts (pies, muffins, pancakes), jams, and smoothies. In North America, they are a significant agricultural crop, particularly in states like Maine and Michigan, and Canadian provinces like Nova Scotia and British Columbia. Wild blueberries hold cultural significance for many Indigenous peoples of North America, who have harvested and utilized them for centuries for food and medicinal purposes. Blueberry festivals are common in regions where they are cultivated, celebrating the harvest.

Similar Named Colors
Azure #007FFF ΔE 4.14
United Nations Blue #5B92E5 ΔE 4.16
Cornflower Blue #6495ED ΔE 4.67
Blue (Crayola) #1F75FE ΔE 5.73

Code Snippets

/* Background */
.element {
    background-color: #4F86F7;
}

/* Text */
.element {
    color: #4F86F7;
}

/* Border */
.element {
    border: 1px solid #4F86F7;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #4F86F7,
        #FCF9F2
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #4F86F7,
        #FCF9F2
    );
}

// SCSS variable
$blueberry: #4F86F7;

// With RGB channels (useful for rgba() usage)
$blueberry-r: 79;
$blueberry-g: 134;
$blueberry-b: 247;

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