Nearest named color · #240A0E
#240A0E
Nearest named color: Dwarf Fortress
#240A0E (rgb(36 10 14), hsl(351 57% 9%), oklch(0.19 0.044 12.8)) is closest to the named color Dwarf Fortress. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#240A0E
oklch(0.19 0.044 12.8)
Color conversions
- HEX
- #240a0e
- RGB
- rgb(36 10 14)
- HSL
- hsl(351 57% 9%)
- HWB
- hwb(351 4% 86%)
- OKLCH
- oklch(0.19 0.044 12.8)
- OKLab
- oklab(0.19 0.043 0.01)
- CIE Lab
- lab(5.75 13.39 2.98)
- LCH
- lch(5.75 13.72 12.5)
- CMYK
- cmyk(0% 72% 61% 86%)
Tints · Shades · Tones
Tints
- 381E21
- 4C3336
- 604A4C
- 766163
- 8B7A7B
- A29394
- B8ADAE
- CFC8C8
- E7E3E3
Shades
- 1E070B
- 180507
- 120305
- 0C0203
- 070102
- 040101
- 020000
- 000000
- 000000
Tones
- 2D1518
- 361F22
- 3F2B2C
- 483637
- 524243
- 5B4E4F
- 645A5A
- 6D6667
- 777373
Color harmonies
Complementary +180°
- 240A0E
Dwarf Fortress
- 001818
≈ Black Stallion
Analogous -30° +30°
- 240A0E
Dwarf Fortress
- 210B19
≈ Meški Black
- 240C03
≈ Severely Burnt Toast
Triadic +120° +240°
- 240A0E
Dwarf Fortress
- 0C1803
≈ Pinch of Pepper
- 041427
≈ Creeping Death
Split-complementary +150° +210°
- 240A0E
Dwarf Fortress
- 00190E
≈ Pinch of Pepper
- 00171F
≈ Creeping Death
Tetradic +90° +180° +270°
- 240A0E
Dwarf Fortress
- 171400
≈ Chinese Black
- 001818
≈ Black Stallion
- 111027
≈ Corbeau
Contrast & accessibility
Ag
AAAOn white
WCAG 18.67:1 · APCA Lc 105
Ag
FailOn black
WCAG 1.12:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 18.67:1 (AAA) · APCA Lc 105
Contrast pairs
Code snippets
CSS
:root {
--dwarf-fortress: #240a0e;
--dwarf-fortress-rgb: 36 10 14;
--dwarf-fortress-oklch: oklch(0.19 0.044 12.8);
}
.element {
color: var(--dwarf-fortress);
background-color: hsl(351 57% 9%);
border-color: oklch(0.19 0.044 12.8);
}Tailwind CSS v4
@theme {
--color-dwarf-fortress: #240a0e;
--color-dwarf-fortress-50: #fff0f1;
--color-dwarf-fortress-100: #f6e2e3;
--color-dwarf-fortress-200: #e7cdce;
--color-dwarf-fortress-300: #cdafb0;
--color-dwarf-fortress-400: #b79497;
--color-dwarf-fortress-500: #a17a7e;
--color-dwarf-fortress-600: #88686b;
--color-dwarf-fortress-700: #6d5355;
--color-dwarf-fortress-800: #513c3f;
--color-dwarf-fortress-900: #38292b;
--color-dwarf-fortress-950: #231718;
}SCSS
$dwarf-fortress: #240a0e;
$dwarf-fortress-rgb: 36, 10, 14;
$dwarf-fortress-light: mix(#fff, $dwarf-fortress, 20%);
$dwarf-fortress-dark: mix(#000, $dwarf-fortress, 20%);
.element {
color: $dwarf-fortress;
box-shadow: 0 0 0 2px rgba($dwarf-fortress, 0.35);
}