Nearest named color · #0C0E13
#0C0E13
Nearest named color: Ruined Smores
#0C0E13 (rgb(12 14 19), hsl(223 23% 6%), oklch(0.164 0.011 268)) is closest to the named color Ruined Smores. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#0C0E13
oklch(0.164 0.011 268)
Color conversions
- HEX
- #0c0e13
- RGB
- rgb(12 14 19)
- HSL
- hsl(223 23% 6%)
- HWB
- hwb(223 5% 93%)
- OKLCH
- oklch(0.164 0.011 268)
- OKLab
- oklab(0.164 0 -0.011)
- CIE Lab
- lab(3.94 0.09 -2.89)
- LCH
- lch(3.94 2.89 271.7)
- CMYK
- cmyk(37% 26% 0% 93%)
Tints · Shades · Tones
Tints
- 1F2126
- 34363A
- 4A4C50
- 616367
- 797B7E
- 939497
- ADAEB0
- C7C8CA
- E3E3E4
Shades
- 090B0F
- 06070B
- 040507
- 030305
- 020203
- 010101
- 000001
- 000000
- 000000
Tones
- 16181C
- 202226
- 2B2C30
- 36373B
- 414346
- 4D4E51
- 5A5A5C
- 666768
- 737374
Color harmonies
Complementary +180°
- 0C0E13
Ruined Smores
- 100E09
≈ Balsam of Peru
Analogous -30° +30°
- 0C0E13
Ruined Smores
- 0A0F12
≈ Ruined Smores
- 0F0D12
≈ Black Sheep
Triadic +120° +240°
- 0C0E13
Ruined Smores
- 130C0B
≈ Optophobia
- 0B0F0B
≈ Chaos Black
Split-complementary +150° +210°
- 0C0E13
Ruined Smores
- 120D09
≈ Balsam of Peru
- 0E0F09
≈ Balsam of Peru
Tetradic +90° +180° +270°
- 0C0E13
Ruined Smores
- 120C0E
≈ Optophobia
- 100E09
≈ Balsam of Peru
- 09100E
≈ Chaos Black
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 {
--ruined-smores: #0c0e13;
--ruined-smores-rgb: 12 14 19;
--ruined-smores-oklch: oklch(0.164 0.011 268);
}
.element {
color: var(--ruined-smores);
background-color: hsl(223 23% 6%);
border-color: oklch(0.164 0.011 268);
}Tailwind CSS v4
@theme {
--color-ruined-smores: #0c0e13;
--color-ruined-smores-50: #f4f5f8;
--color-ruined-smores-100: #e6e8ec;
--color-ruined-smores-200: #d2d4d9;
--color-ruined-smores-300: #b5b7bd;
--color-ruined-smores-400: #9b9ea5;
--color-ruined-smores-500: #83868e;
--color-ruined-smores-600: #6f7178;
--color-ruined-smores-700: #595b60;
--color-ruined-smores-800: #404246;
--color-ruined-smores-900: #2c2e31;
--color-ruined-smores-950: #1a1b1d;
}SCSS
$ruined-smores: #0c0e13;
$ruined-smores-rgb: 12, 14, 19;
$ruined-smores-light: mix(#fff, $ruined-smores, 20%);
$ruined-smores-dark: mix(#000, $ruined-smores, 20%);
.element {
color: $ruined-smores;
box-shadow: 0 0 0 2px rgba($ruined-smores, 0.35);
}