Blue-Green

A serene hue between blue and green, like the still water of a deep pool

HEX#008B8B

RGBrgb(0, 139, 139)

HSLhsl(180, 100%, 27%)

HSVhsv(180, 100%, 55%)

CMYKcmyk(100%, 0%, 0%, 45%)

HEXA#008B8BFF

RGBArgba(0, 139, 139, 1)

HSLAhsla(180, 100%, 27%, 1)

OKLCHoklch(74%, 0.126, 195)

LCHlch(71.5%, 47.8, 200)

🎨 Color Palettes

Analogous2-3 adjacent hues (≤60°)

Triadic3 hues spaced 120° apart

Split ComplementaryMain color + colors adjacent to its complement

Complementary2 hues spaced 180° apart

Tetradic (Rectangle)4 hues forming a rectangle

MonochromaticSingle hue with varying saturation and lightness

♿ WCAG Contrast Colors

Learn More →

Aa14px Body

High Contrast Text

#F5FFFFRatio 4.1:1AA Large

Suitable for body text, headings, and primary content, ensuring readability for all users

Aa14px Body

Standard Text

#FFFFFFRatio 4.1:1AA Large

Suitable for regular body content, meeting WCAG AA standards

Aa14px Body

Large Text / UI Components

#00008ARatio 3.7:1AA Large

Suitable for large text (≥18px bold or ≥24px), icons, UI component boundaries

Aa14px Body

Decorative / Dividers

#8A008ARatio 2.1:1Fail

Suitable for decorative elements, dividers, non-essential text

📊 Color Scales

Online Color Picker → Gradient Generator →

Lightness VariationFixed hue and saturation, stepwise lightness adjustment ±30%

#003333

#005757

#008A8A

#00BDBD

#00F0F0

#24FFFF

Saturation VariationFixed hue and lightness, stepwise saturation adjustment ±30%

#157575

#0E7C7C

#078383

#008A8A

Lightness + Saturation Mixed VariationSimultaneous lightness and saturation adjustment

#084545

#054747

#045858

#018383

#00ADAD

#00D6D6

#00FFFF

Hue Fine-TuningFixed saturation and lightness, stepwise hue fine-tuning ±15°

#008A67

#008A73

#008A7E

#008A8A

#007E8A

#00738A

#00678A

💡 Use Cases

💻

Premium Websites

Blue-green is the top choice for tech and finance websites, creating a professional and trustworthy serene atmosphere.

🛋️

Home Walls

Used in studies or bedrooms to create a tranquil haven; paired with brass accents enhances retro texture.

👗

Professional Suits

Blue-green silk blouses or suits showcase professional women's intellectual elegance with a touch of approachability.

📱

Meditation Apps

As a primary UI color, it helps users quickly enter a calm state, alleviating digital fatigue.

📜 Origin & History

The history of blue-green dates back to ancient civilizations. Ancient Egyptians ground malachite into powder for eye shadow, making it one of the earliest blue-green pigments, symbolizing the vitality of the Nile and divine protection.

During the medieval period, blue-green emerged in Byzantine art, often used as mosaic backgrounds to represent the mystical space between heaven and earth. Its preparation required mixing lapis lazuli with copper green, a highly complex process.

In the 19th-century Victorian era, with the rise of chemical dye industries, blue-green entered home decor, becoming a popular color for studies and parlors, known as a precursor to Tiffany Blue, conveying understated elegance.

In the late 20th century, blue-green found new life in digital interface design. Its ability to reduce visual fatigue on screens made it a staple in medical and financial application interfaces.

In Eastern culture, blue-green corresponds to the fusion of Wood and Water in the Five Elements, a classic glaze color in celadon ware. The plum-green of Song Dynasty Longquan kilns carries this steady blue-green tone, expressing the scholar-official's refined and lofty character.

🧠 Color Psychology

Rational and CalmBlue-green possesses both the rationality of blue and the peace of green, quickly calming the mind, ideal for environments requiring clear thinking.

Elegant and IntellectualThis unassuming color carries a scholarly air, evoking the depth of knowledge and the ambiance of a scholar's study.

Introspective and ContemplativeLess intense than primary colors, it encourages inward exploration, creating an undisturbed spiritual space.

Stable and GroundedAs constant as the deep sea, blue-green provides a solid psychological anchor, soothing inner restlessness.

Healing and SoothingIts serene quality has a calming effect on emotions, like being enveloped in cool deep water, relieving anxiety and tension.

Detached and MysteriousThe ambiguous space between blue and green carries a hint of ineffable mystery, maintaining a perfect distance.

← Back to Explore Colors