Named color · #0C0C1F
Tristesse
Tristesse is #0C0C1F: rgb(12 12 31), hsl(240 44% 8%), oklch(0.166 0.039 281.3). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Blue mean? → · Tristesse color name →
#0C0C1F
oklch(0.166 0.039 281.3)
Color conversions
- HEX
- #0c0c1f
- RGB
- rgb(12 12 31)
- HSL
- hsl(240 44% 8%)
- HWB
- hwb(240 5% 88%)
- OKLCH
- oklch(0.166 0.039 281.3)
- OKLab
- oklab(0.166 0.008 -0.038)
- CIE Lab
- lab(3.87 3.43 -11.98)
- LCH
- lch(3.87 12.46 286)
- CMYK
- cmyk(61% 61% 0% 88%)
Tints · Shades · Tones
Tints
- 1F2032
- 333446
- 494B5B
- 616271
- 797A87
- 92939E
- ACADB5
- C7C8CD
- E3E3E6
Shades
- 090919
- 060614
- 04040F
- 03030A
- 020206
- 010103
- 000001
- 000000
- 000000
Tones
- 151628
- 202131
- 2A2B3B
- 363744
- 41424E
- 4D4E57
- 595A61
- 66666B
- 737376
Color harmonies
Complementary +180°
- 0C0C1F
Tristesse
- 120F00
≈ Chinese Black
Analogous -30° +30°
- 0C0C1F
Tristesse
- 020F1F
≈ Kuretake Black Manga
- 14091B
≈ Crow
Triadic +120° +240°
- 0C0C1F
Tristesse
- 1C0803
≈ Soy Sauce
- 001309
≈ Jedi Night
Split-complementary +150° +210°
- 0C0C1F
Tristesse
- 180C00
≈ Balsamico
- 081202
≈ Memorial Black
Tetradic +90° +180° +270°
- 0C0C1F
Tristesse
- 1C070A
≈ Noir Fiction
- 120F00
≈ Chinese Black
- 001212
≈ Black Glaze
Contrast & accessibility
Ag
AAAOn white
WCAG 19.30:1 · APCA Lc 106
Ag
FailOn black
WCAG 1.08:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 19.30:1 (AAA) · APCA Lc 106
Contrast pairs
Code snippets
CSS
:root {
--tristesse: #0c0c1f;
--tristesse-rgb: 12 12 31;
--tristesse-oklch: oklch(0.166 0.039 281.3);
}
.element {
color: var(--tristesse);
background-color: hsl(240 44% 8%);
border-color: oklch(0.166 0.039 281.3);
}Tailwind CSS v4
@theme {
--color-tristesse: #0c0c1f;
--color-tristesse-50: #f3f4ff;
--color-tristesse-100: #e6e6f5;
--color-tristesse-200: #d1d2e5;
--color-tristesse-300: #b4b5cb;
--color-tristesse-400: #9a9cb6;
--color-tristesse-500: #8184a0;
--color-tristesse-600: #6d6f87;
--color-tristesse-700: #57596c;
--color-tristesse-800: #3f4150;
--color-tristesse-900: #2c2d38;
--color-tristesse-950: #191a22;
}SCSS
$tristesse: #0c0c1f;
$tristesse-rgb: 12, 12, 31;
$tristesse-light: mix(#fff, $tristesse, 20%);
$tristesse-dark: mix(#000, $tristesse, 20%);
.element {
color: $tristesse;
box-shadow: 0 0 0 2px rgba($tristesse, 0.35);
}