Nearest named color · #090619
#090619
Nearest named color: Obsidian Shard
#090619 (rgb(9 6 25), hsl(249 61% 6%), oklch(0.141 0.041 288.3)) is closest to the named color Obsidian Shard. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#090619
oklch(0.141 0.041 288.3)
Color conversions
- HEX
- #090619
- RGB
- rgb(9 6 25)
- HSL
- hsl(249 61% 6%)
- HWB
- hwb(249 2% 90%)
- OKLCH
- oklch(0.141 0.041 288.3)
- OKLab
- oklab(0.141 0.013 -0.039)
- CIE Lab
- lab(2.26 3.51 -9.61)
- LCH
- lch(2.26 10.23 290.1)
- CMYK
- cmyk(64% 76% 0% 90%)
Tints · Shades · Tones
Tints
- 1B192C
- 302E41
- 464556
- 5E5D6C
- 777683
- 90909B
- ABAAB3
- C6C6CC
- E2E2E5
Shades
- 070414
- 050310
- 03020B
- 020107
- 010104
- 010002
- 000001
- 000000
- 000000
Tones
- 121023
- 1D1B2C
- 282636
- 333240
- 3F3E4A
- 4B4B55
- 58585F
- 65656A
- 727275
Color harmonies
Complementary +180°
- 090619
Obsidian Shard
- 0A0A00
≈ Whiten’t
Analogous -30° +30°
- 090619
Obsidian Shard
- 02091A
≈ Melanophobia
- 100414
≈ Not Tonight
Triadic +120° +240°
- 090619
Obsidian Shard
- 150400
≈ Soy Sauce
- 000D07
≈ Blackn’t
Split-complementary +150° +210°
- 090619
Obsidian Shard
- 100800
≈ Blackout
- 020D00
≈ Melanous
Tetradic +90° +180° +270°
- 090619
Obsidian Shard
- 170304
≈ Dwarf Fortress
- 0A0A00
≈ Whiten’t
- 000C0D
≈ Black Knight
Contrast & accessibility
Ag
AAAOn white
WCAG 19.96:1 · APCA Lc 106
Ag
FailOn black
WCAG 1.05:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 19.96:1 (AAA) · APCA Lc 106
Contrast pairs
Code snippets
CSS
:root {
--obsidian-shard: #090619;
--obsidian-shard-rgb: 9 6 25;
--obsidian-shard-oklch: oklch(0.141 0.041 288.3);
}
.element {
color: var(--obsidian-shard);
background-color: hsl(249 61% 6%);
border-color: oklch(0.141 0.041 288.3);
}Tailwind CSS v4
@theme {
--color-obsidian-shard: #090619;
--color-obsidian-shard-50: #f5f3ff;
--color-obsidian-shard-100: #e7e6f5;
--color-obsidian-shard-200: #d4d2e5;
--color-obsidian-shard-300: #b7b4cc;
--color-obsidian-shard-400: #9d9bb6;
--color-obsidian-shard-500: #8482a0;
--color-obsidian-shard-600: #706e88;
--color-obsidian-shard-700: #5a586d;
--color-obsidian-shard-800: #414050;
--color-obsidian-shard-900: #2d2c38;
--color-obsidian-shard-950: #1a1922;
}SCSS
$obsidian-shard: #090619;
$obsidian-shard-rgb: 9, 6, 25;
$obsidian-shard-light: mix(#fff, $obsidian-shard, 20%);
$obsidian-shard-dark: mix(#000, $obsidian-shard, 20%);
.element {
color: $obsidian-shard;
box-shadow: 0 0 0 2px rgba($obsidian-shard, 0.35);
}