Nearest named color · #18020A
#18020A
Nearest named color: Crow
#18020A (rgb(24 2 10), hsl(338 85% 5%), oklch(0.144 0.047 357.2)) is closest to the named color Crow. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#18020A
oklch(0.144 0.047 357.2)
Color conversions
- HEX
- #18020a
- RGB
- rgb(24 2 10)
- HSL
- hsl(338 85% 5%)
- HWB
- hwb(338 1% 91%)
- OKLCH
- oklch(0.144 0.047 357.2)
- OKLab
- oklab(0.144 0.047 -0.002)
- CIE Lab
- lab(2.4 8.46 -0.31)
- LCH
- lch(2.4 8.46 357.9)
- CMYK
- cmyk(0% 92% 58% 91%)
Tints · Shades · Tones
Tints
- 2C141D
- 412932
- 574148
- 6D595F
- 847278
- 9C8D91
- B4A8AC
- CCC4C7
- E5E1E3
Shades
- 130107
- 0F0105
- 0A0103
- 070002
- 040001
- 020001
- 010000
- 000000
- 000000
Tones
- 220A14
- 2C161E
- 362229
- 412E34
- 4B3B40
- 55484C
- 605659
- 6B6366
- 757273
Color harmonies
Complementary +180°
- 18020A
Crow
- 000D0A
≈ Dark Side of the Moon
Analogous -30° +30°
- 18020A
Crow
- 140314
≈ Crow
- 190202
≈ Dwarf Fortress
Triadic +120° +240°
- 18020A
Crow
- 090B00
≈ Whiten’t
- 000B15
≈ Black Knight
Split-complementary +150° +210°
- 18020A
Crow
- 000E02
≈ Blackn’t
- 000D0F
≈ Black Knight
Tetradic +90° +180° +270°
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 {
--crow: #18020a;
--crow-rgb: 24 2 10;
--crow-oklch: oklch(0.144 0.047 357.2);
}
.element {
color: var(--crow);
background-color: hsl(338 85% 5%);
border-color: oklch(0.144 0.047 357.2);
}Tailwind CSS v4
@theme {
--color-crow: #18020a;
--color-crow-50: #fff0f5;
--color-crow-100: #f6e2e7;
--color-crow-200: #e7ccd4;
--color-crow-300: #cdaeb7;
--color-crow-400: #b7939f;
--color-crow-500: #a17986;
--color-crow-600: #886772;
--color-crow-700: #6d525b;
--color-crow-800: #503c43;
--color-crow-900: #38292e;
--color-crow-950: #22171b;
}SCSS
$crow: #18020a;
$crow-rgb: 24, 2, 10;
$crow-light: mix(#fff, $crow, 20%);
$crow-dark: mix(#000, $crow, 20%);
.element {
color: $crow;
box-shadow: 0 0 0 2px rgba($crow, 0.35);
}