The color #134344 is a dark, rich blend of blue and green. It feels strong, grounded, and a little mysterious. If you’ve ever looked at the deep sea or a dark forest under moonlight, this color gives off a similar mood. It’s perfect for designs that want to appear mature, calming, or a bit bold without being too flashy.
Let’s explore this color in easy language, including how it looks, where to use it, and what it means.
1. Basic Color Information
- Hex Code:
#134344 - RGB Values:
- Red: 19
- Green: 67
- Blue: 68
In simple terms, it has a very small amount of red, and more green and blue, which is why it feels cool-toned.
This color belongs mostly to the blue-green family. It’s darker than teal but not as black as navy. It strikes a balance between strong and subtle.
2. Color Meaning and Mood
The color #134344 gives a calm, serious, and reliable vibe. It feels like something used in nature or deep waters, and it makes people think of:
- Depth and quiet
- Strength without being loud
- Calm confidence
- Nature (like deep leaves, pine forests, ocean shadows)
Designers and artists might use this shade to express stability or mystery.
3. Color Spaces Explained Simply
There are many ways to define color besides RGB and Hex. Let’s break down some of the others in simple words:
- HSL (Hue, Saturation, Lightness):
- Hue: 0.50
- Saturation: 0.56
- Lightness: 0.17
This means the color leans toward greenish-blue, is moderately saturated (not too dull, not too bright), and is very dark.
- HSV (Hue, Saturation, Value):
- Hue: 181° (which is teal-green)
- Saturation: 72%
- Value: 27% (which is how bright it is — and it’s quite dark)
- CMYK (used in printing):
- Cyan: 72%
- Magenta: 1%
- Yellow: 0%
- Black: 73%
This confirms that it’s a mostly cyan-black blend.
4. How It Looks on Different Backgrounds
- On white backgrounds, #134344 stands out clearly. It’s easy to read and gives a classy, serious feel.
- On black backgrounds, it blends in a little more but still keeps its color. It feels smooth and subtle.
That makes it a good color for both text and background use—depending on the contrast and vibe you want.
5. How to Use #134344 in CSS or HTML
Here are some simple code snippets to use this color on your website or design:
Background Color:
htmlCopyEdit<div style="background-color:#134344">This is a dark background</div>
Text Color:
htmlCopyEdit<p style="color:#134344">This text uses the #134344 color.</p>
Border Color:
htmlCopyEdit<div style="border:3px solid #134344">This div has a border in #134344.</div>
Box Shadow:
cssCopyEdit.divShadow {
box-shadow: 1px 1px 3px 2px #134344;
}
Text Shadow:
cssCopyEdit.textShadowHex {
text-shadow: 4px 4px 2px #134344;
}
These examples help make your web elements look sharper, modern, and professional.
6. Shades and Tints of #134344
Shades are darker versions of the color. Here are a few:
- #113c3d
- #0f3536
- #0d2e2f
- #000000 (pure black)
These are great if you want to use #134344 as the base color and add deeper tones for backgrounds or layering.
Tints are lighter versions:
- #2a5556
- #426869
- #597b7c
- #cfd9d9
- #ffffff (pure white)
These lighter colors are useful for text, borders, or subtle design touches to create contrast without leaving the same color family.
7. Color Combinations and Pairings
Color pairings are important when designing. Let’s look at what goes well with #134344:
a) Complementary Color
- #441413 – a dark reddish-brown. It adds bold contrast and heat to the cool tone of #134344.
b) Analogous Colors (similar tones)
- #132b44 – more blue
- #13442d – more green
These colors give a nature-inspired, smooth look when used together.
c) Triadic Colors (equal distance on color wheel)
- #441343 – purplish
- #434413 – olive green
This combo is creative and gives a colorful balance.
8. Where You Can Use This Color
This color works beautifully in several fields:
a) Web Design & Apps
- As a background for dark mode themes
- Button colors for professional sites
- Accent color for modern dashboards
b) Interior Design
- Wall paint in a modern office or reading room
- Sofa cushions or upholstery
- Deep-toned cabinetry or kitchen accessories
c) Fashion
- Suits, coats, scarves for winter
- Great as a shirt or dress color for bold statements
- Accessories like watches, bags, and shoes
d) Branding
- For companies that want to look serious, strong, or eco-friendly
- Tech startups, law firms, or nature-based brands
9. Technical Details and Fun Facts
- Binary:
- Red: 00010011
- Green: 01000011
- Blue: 01000100
- Octal: 23, 103, 104
- Decimal: 19, 67, 68
These numbers are mainly useful for programmers or designers working with different formats.
10. Related Colors to Explore
Here are some other colors similar to #134344 that you might also like:
- #013941 – a deeper blue-green
- #175342 – slightly more green
- #224044 – a soft neutral blue-gray
- #154d4c – a bit lighter and greener
These can be great alternatives or additions to your color palette.
Final Thoughts
Color #134344 is a hidden gem in the world of deep, natural colors. It’s perfect for professional, calm, and mature designs. Whether you’re building a website, creating art, painting a room, or choosing an outfit, this color brings elegance and depth without shouting for attention.
