Denim Blue
Meet Denim Blue, a rich and confident shade with the hex code #2243B6. This particular blue stands out for its deep saturation and commanding presence, offering a solid foundation without the starkness of a pure primary color. It's a versatile yet distinctive choice for any palette.
What color is Denim Blue?
Denim Blue is a versatile, cool-toned blue, darker than royal blue but lighter than navy.
It's a stable and grounded hue with minimal undertones, giving it a classic appearance without a strong pull towards green or purple.
What is the meaning of the color Denim Blue (#2243B6)?
Much like the sturdy fabric it's named for, Denim Blue conveys a sense of comfort, reliability, and authenticity. It evokes feelings of calm and stability, but with a grounded, approachable quality that feels both classic and familiar.
The color #2243B6 symbolizes dependability and integrity. Its cultural roots in workwear and classic fashion lend it an air of trustworthiness, making it a strong choice for designs that need to feel both established and genuine.
How can I incorporate Denim Blue (#2243B6) into my UI design?
Denim Blue (#2243B6) works well as a primary color when paired with crisp whites or light grays for high-contrast, readable text. For a more vibrant palette, consider pairing it with complementary warm oranges or yellows for accents. You could also apply the 60-30-10 rule, using it as a secondary color to support a more neutral primary choice.
While not as widespread as other corporate blues, similar shades are used effectively by brands like Hotjar. Its relative rarity in branding presents an opportunity for a product to establish a distinct and memorable visual identity.
Use the tools below to explore curated palettes, test your color combinations for accessibility, and preview how Denim Blue appears in real UI components from leading apps.
Using Denim Blue color codes
Applying Denim Blue in your work starts with its hex code, #2243B6, which is standard for web design. For projects intended for digital screens, you will use its RGB value, while print materials require the CMYK equivalent to guarantee color fidelity on paper.
Each color model communicates #2243B6 for a specific medium. RGB (Red, Green, Blue) is an additive model for digital displays, while CMYK (Cyan, Magenta, Yellow, Key/Black) is a subtractive model for printing. Other formats like HSL (Hue, Saturation, Lightness) give designers a more intuitive method for making color adjustments in software.
To simplify your workflow, we have converted Denim Blue’s #2243B6 hex code into all the relevant formats below. You can copy the exact values you need for your project.
Analogous
Analogous colors are neighbors on the color wheel. For Denim Blue, these adjacent hues create a harmonious and visually pleasing, serene palette.
Complementary
Complementary colors sit opposite each other on the color wheel. When paired with Denim Blue, they create a striking, high-contrast visual effect.
Split Complementary
A split complementary palette pairs Denim Blue with the two colors next to its complement, offering high contrast with more sophisticated harmony.
Triadic
Triadic color schemes use three hues evenly spaced on the color wheel. For Denim Blue, this creates a vibrant, high-contrast, and balanced palette.
Tetradic
A tetradic color scheme for Denim Blue uses two pairs of complementary colors, forming a rich, four-color palette with built-in contrast.
Square
A square color scheme uses four colors equidistant on the color wheel. With Denim Blue as a base, this creates a vibrant, high-contrast palette.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades are darker versions of Denim Blue, made by adding black for depth and weight.
Tints
Tints are lighter variations of Denim Blue, created by adding white for a softer feel.
Tones
Tones of Denim Blue are created by adding gray, which softens the color’s saturation.
Hues
Hues are variations of Denim Blue, differing in intensity and temperature to create unique moods.
Never run out of inspiration again.
Use Mobbin for free as long as you like or get full access with any of our paid plans.





























































































































