Jordy Blue

HEX: #8AB9F1 | Modern Palette

On White
2.04:1
FAIL
On Black
10.29:1
PASS

Color Specifications

HEX
#8AB9F1
RGB
138, 185, 241
HSL
212°, 42% ,94%
CMYK
42.74, 23.24, 0, 5.49

About Jordy Blue

Jordy Blue (#8AB9F1) is a color with RGB(138, 185, 241) and HSL(212.62°, 42.74%, 94.51%). In design, it fits Cool styles and is suitable for Text, Background, Print. Its complementary color is #F1C28A, which creates strong contrast. Its triadic palette includes #F18AB9 and #B9F18A. The name comes from Jordy Blue (English).

  • HEX: #8AB9F1
  • RGB: 138, 185, 241
  • HSL: 212.62°, 42.74%, 94.51%
  • Style: Cool
  • Use case: Text, Background, Print
  • Complementary color: #F1C28A
  • Triadic colors: #F18AB9, #B9F18A
  • The name comes from Jordy 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 #8AB9F1 from deepest shade to lightest tint.

Color Characteristics

Mood
Style
Cool
Use case
Text Background Print

Accessibility Simulation

Deuteranopia #ADADF2
Protanopia #B5B5F1
Tritanopia #7CC1C1
Achromatopsia #B5B5B5

Frequently Asked Questions

Jordy Blue (#8AB9F1) is a color with RGB(138, 185, 241) and HSL(212.62°, 42.74%, 94.51%).

#8AB9F1 pairs strongly with #F1C28A as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#8AB9F1 is suitable for Text, Background, Print and works well with Cool styles.

The name Jordy Blue is linked to Jordy Blue from English, meaning A specific shade of blue, often associated with web colors or design palettes..

Name, History & Etymology

Origin Word Jordy Blue
Meaning A specific shade of blue, often associated with web colors or design palettes.
Language English
First Recorded Use Late 20th - Early 21st Century

History

Unlike traditional color names derived from natural objects (like 'sky blue' or 'sea green') or dyes, 'Jordy Blue' appears to be a more modern, possibly arbitrary or playfully named shade, common in digital color palettes. Its hexadecimal code #8ab9f1 places it firmly in the realm of computer-defined colors. Many such names are created for specific design systems, software, or web standards to provide a memorable label for a precise color value.

First Recorded Use

The exact 'first use' as a named color is difficult to pinpoint to a single event or year, but it emerged with the proliferation of digital color systems and web design. It's likely a descriptive name given to a specific hexadecimal color code.

Cultural Associations

As a specific, somewhat uncommon named shade, 'Jordy Blue' doesn't carry deep historical or widespread cultural significance in the way primary colors or historically important dyes do. Its cultural relevance is primarily within design, web development, and digital art communities where precise color communication is essential. It might be recognized by designers familiar with certain color libraries or frameworks.

Similar Named Colors
French Sky Blue #77B5FE ΔE 2.87
Very Light Azure #74BBFB ΔE 3.97
Aero #7CB9E8 ΔE 3.98
Light Cobalt Blue #88ACE0 ΔE 4.10

Code Snippets

/* Background */
.element {
    background-color: #8AB9F1;
}

/* Text */
.element {
    color: #8AB9F1;
}

/* Border */
.element {
    border: 1px solid #8AB9F1;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #8AB9F1,
        #F7F2EB
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #8AB9F1,
        #F7F2EB
    );
}

// SCSS variable
$jordy-blue: #8AB9F1;

// With RGB channels (useful for rgba() usage)
$jordy-blue-r: 138;
$jordy-blue-g: 185;
$jordy-blue-b: 241;

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