Swamp

Q: How do I use #0F2124 in CSS?

You can use #0F2124 in CSS with: background-color: #0F2124; or color: #0F2124; or as an RGB value: rgb(15, 33, 36). For print design, use CMYK: 58%, 8%, 0%, 86%.

#0F2124

Swamp is a cool dark color with the hex code #0F2124. This moderately saturated hue can be represented as RGB 15, 33, 36 in digital design or CMYK 58%, 8%, 0%, 86% for print applications. Find matching Pantone color.

Swamp color values

HEX: #0F2124
RGB: 15, 33, 36
HSL: 189°, 41%, 10%
CMYK: 58, 8, 0, 86

Shades & tints

Darker Lighter

About this color

Swamp sits at 189° on the color wheel with 41% saturation and 10% lightness, placing it in the cyan segment of the spectrum. The moderate 41% saturation gives it enough color presence to register clearly without competing for dominance in a composition. Near-black lightness makes it read as a deep, absorptive tone — color is implied more than seen.

In digital environments, Swamp is rendered as rgb(15, 33, 36), where the blue channel is highest at 36, though it sits close to the other channels. This cool mid-tone is a reliable choice for UI chrome, informational states, and contexts that call for a calm, readable presence.

For print, Swamp translates to a CMYK breakdown of 58C 8M 0Y 86K. The dominant black channel (86%) does most of the tonal work here — cyan, magenta, and yellow contribute minimally, so the printed result will be a deep, near-neutral tone that reads differently from its screen equivalent. No brands in the brandkit.pro library currently specify this exact hex as a named brand color.

Color harmonies

Complementary

Analogous

Triadic

Split-Complementary

How to use Swamp

CSS Variable

:root {
  --brand-primary: #0F2124;
  --brand-primary-rgb: 15, 33, 36;
}

Define as a CSS custom property for consistent theming across your site.

Tailwind Config

colors: {
  brand: '#0F2124',
}

Add to your Tailwind config to use classes like bg-brand.

Print Design (CMYK)

C: 58%
M: 8%
Y: 0%
K: 86%

Use these CMYK values in Adobe Illustrator, InDesign, or print specifications.

RGB for Screens

rgb(15, 33, 36)
rgba(15, 33, 36, 0.8)

Use RGB notation for compatibility or add alpha channel for transparency.

Brands using similar hue

24 brand s with colors near 189° on the color wheel

Frequently asked questions

What color is #0F2124?

#0F2124 is Swamp, a cool dark color with RGB values of 15, 33, 36. It has a hue of 189°, 41% saturation, and 10% lightness in the HSL color space.

What is the RGB value of #0F2124?

The RGB color code for #0F2124 is rgb(15, 33, 36). This means it contains 15 red, 33 green, and 36 blue in the RGB color model.

Is Swamp a warm or cool color?

Swamp (#0F2124) is a cool color with a hue between 120-300° on the color wheel.

How do I use #0F2124 in CSS?

You can use #0F2124 in CSS with: background-color: #0F2124; or color: #0F2124; or as an RGB value: rgb(15, 33, 36). For print design, use CMYK: 58%, 8%, 0%, 86%.