Deep Koamaru

HEX: #333366 | Modern Palette

On White
11.63:1
PASS
On Black
1.81:1
FAIL

Color Specifications

HEX
#333366
RGB
51, 51, 102
HSL
240°, 50% ,40%
CMYK
50, 50, 0, 60

About Deep Koamaru

Deep Koamaru (#333366) is a color with RGB(51, 51, 102) and HSL(240°, 50%, 40%). In design, it fits Cool styles and is suitable for Text, Button, Logo. Its complementary color is #666633, which creates strong contrast. Its triadic palette includes #663333 and #336633. The name comes from 小豆 (Japanese).

  • HEX: #333366
  • RGB: 51, 51, 102
  • HSL: 240°, 50%, 40%
  • Style: Cool
  • Use case: Text, Button, Logo
  • Complementary color: #666633
  • Triadic colors: #663333, #336633
  • The name comes from 小豆 (Japanese).

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

Color Characteristics

Mood
Style
Cool
Use case
Text Button Logo

Accessibility Simulation

Deuteranopia #333366
Protanopia #333366
Tritanopia #263C3C
Achromatopsia #393939

Frequently Asked Questions

Deep Koamaru (#333366) is a color with RGB(51, 51, 102) and HSL(240°, 50%, 40%).

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

#333366 is suitable for Text, Button, Logo and works well with Cool styles.

The name Deep Koamaru is linked to 小豆 from Japanese, meaning adzuki bean.

Name, History & Etymology

Origin Word 小豆
Meaning adzuki bean
Language Japanese
First Recorded Use Edo period (1603-1868)

History

The color 'Koamaru' (小豆色) in Japanese refers to the reddish-brown color of adzuki beans. It's a traditional color that has been used for centuries in textiles, ceramics, and other arts. The 'Deep' prefix in 'Deep Koamaru' suggests a darker, more saturated version of this traditional color. Adzuki beans themselves have been cultivated in East Asia for thousands of years and are a staple in Japanese cuisine, often used in sweets (like anko, a sweet red bean paste). The color name directly reflects this common and culturally significant food item.

First Recorded Use

Likely much earlier, but color names became more formalized during the Edo period.

Cultural Associations

Adzuki beans (小豆, azuki or adzuki) are deeply ingrained in Japanese culture, used in a wide variety of traditional sweets (wagashi), mochi, and even savory dishes. The color 'Koamaru' evokes a sense of warmth, tradition, and natural earthiness. It's a subdued yet rich color, often associated with autumn and traditional Japanese aesthetics. The 'deep' variation would suggest a more formal or mature feel than a lighter adzuki bean color.

Similar Named Colors
Space Cadet #1D2951 ΔE 5.36
Saint Patrick Blue #23297A ΔE 6.49
Dark Slate Blue #483D8B ΔE 7.35
Catalina Blue #062A78 ΔE 7.46

Code Snippets

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

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

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

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

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #333366,
        #999933
    );
}

// SCSS variable
$deep-koamaru: #333366;

// With RGB channels (useful for rgba() usage)
$deep-koamaru-r: 51;
$deep-koamaru-g: 51;
$deep-koamaru-b: 102;

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