Thulian Pink

HEX: #DE6FA1 | Modern Palette

On White
3.05:1
FAIL
On Black
6.89:1
PASS

Color Specifications

HEX
#DE6FA1
RGB
222, 111, 161
HSL
333°, 62% ,65%
CMYK
0, 50, 27, 13

About Thulian Pink

Thulian Pink (#DE6FA1) is a color with RGB(222, 111, 161) and HSL(333°, 62.7%, 65.3%). It is commonly associated with Romantic moods. In design, it fits Warm styles and is suitable for Text, Button, Accent. Its complementary color is #6FDEAC, which creates strong contrast. Its triadic palette includes #A1DE6F and #6FA1DE. The name comes from Thulian (English).

  • HEX: #DE6FA1
  • RGB: 222, 111, 161
  • HSL: 333°, 62.7%, 65.3%
  • Mood: Romantic
  • Style: Warm
  • Use case: Text, Button, Accent
  • Complementary color: #6FDEAC
  • Triadic colors: #A1DE6F, #6FA1DE
  • The name comes from Thulian (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 #DE6FA1 from deepest shade to lightest tint.

Color Characteristics

Mood
Romantic
Style
Warm
Use case
Text Button Accent

Accessibility Simulation

Deuteranopia #9A9A9E
Protanopia #8181A2
Tritanopia #DA7777
Achromatopsia #949494

Frequently Asked Questions

Thulian Pink (#DE6FA1) is a color with RGB(222, 111, 161) and HSL(333°, 62.7%, 65.3%).

#DE6FA1 pairs strongly with #6FDEAC as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#DE6FA1 is suitable for Text, Button, Accent and works well with Warm styles.

#DE6FA1 is commonly associated with Romantic.

The name Thulian Pink is linked to Thulian from English, meaning Relating to Thule, a mythical far northern land.

Name, History & Etymology

Origin Word Thulian
Meaning Relating to Thule, a mythical far northern land
Language English
First Recorded Use Early 20th Century

History

The name 'Thulian Pink' is derived from 'Thulite,' a pink manganese-rich variety of the mineral zoisite. Thulite was first discovered in Norway in 1820, and its name refers to Thule, the ancient name for a mythical northern land, often associated with Scandinavia. The color 'Thulian Pink' itself was standardized and gained recognition in various color systems, such as Plochere Color System (1948), and is also listed in the ISCC-NBS Dictionary of Color Names (1955). It represents a medium, somewhat muted pink with a hint of purple.

First Recorded Use

1904 (as 'Thulite Pink' for a mineral), 1925 (as 'Thulian Pink' in color systems)

Cultural Associations

Thulian Pink is often associated with femininity, romance, and a certain delicate elegance. Due to its mineral origin, it can also evoke a sense of natural beauty and geological wonder. It's a less common and perhaps more sophisticated pink than brighter, more saturated shades, making it popular in design for a subtle yet distinct touch.

Similar Named Colors
Wild Orchid #D470A2 ΔE 2.05
Pale Red Violet #DB7093 ΔE 3.71
Super Pink #CF6BA9 ΔE 4.81
Sky Magenta #CF71AF ΔE 5.27

Code Snippets

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

/* Text */
.element {
    color: #DE6FA1;
}

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

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #DE6FA1,
        #6FDEAC
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #DE6FA1,
        #6FDEAC
    );
}

// SCSS variable
$thulian-pink: #DE6FA1;

// With RGB channels (useful for rgba() usage)
$thulian-pink-r: 222;
$thulian-pink-g: 111;
$thulian-pink-b: 161;

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