Najbliższy nazwany kolor · #20141D
#20141D
Najbliższy nazwany kolor: Crow
#20141D (rgb(32 20 29), hsl(315 23% 10%), oklch(0.211 0.025 335.8)) jest najbliższy nazwanemu kolorowi Crow. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#20141D
oklch(0.211 0.025 335.8)
Konwersje koloru
- HEX
- #20141d
- RGB
- rgb(32 20 29)
- HSL
- hsl(315 23% 10%)
- HWB
- hwb(315 8% 87%)
- OKLCH
- oklch(0.211 0.025 335.8)
- OKLab
- oklab(0.211 0.023 -0.01)
- CIE Lab
- lab(8.11 7.8 -3.84)
- LCH
- lch(8.11 8.69 333.8)
- CMYK
- cmyk(0% 38% 9% 87%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 332730
- 473B44
- 5B5158
- 71686E
- 877F85
- 9E979C
- B5B0B4
- CDCACC
- E6E4E5
Odcienie ciemniejsze
- 1A1018
- 150C13
- 0F080E
- 0A0509
- 060305
- 030103
- 010101
- 000000
- 000000
Tony
- 291D26
- 32272F
- 3B3138
- 443C42
- 4E474C
- 585256
- 615D60
- 6B686B
- 767475
Harmonie kolorów
Komplementarna +180°
- 20141D
Crow
- 0F1C13
≈ Pinch of Pepper
Analogowa -30° +30°
- 20141D
Crow
- 1B1522
≈ Violet Void
- 231417
≈ Bats Cloak
Triada +120° +240°
Komplementarna rozszczepiona +150° +210°
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 17.80:1 · APCA Lc 105
Ag
FailNa czerni
WCAG 1.17:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 17.80:1 (AAA) · APCA Lc 105
Contrast pairs
Fragmenty kodu
CSS
:root {
--crow: #20141d;
--crow-rgb: 32 20 29;
--crow-oklch: oklch(0.211 0.025 335.8);
}
.element {
color: var(--crow);
background-color: hsl(315 23% 10%);
border-color: oklch(0.211 0.025 335.8);
}Tailwind CSS v4
@theme {
--color-crow: #20141d;
--color-crow-50: #faf2f8;
--color-crow-100: #eee5eb;
--color-crow-200: #dcd0d8;
--color-crow-300: #c1b3bc;
--color-crow-400: #a999a4;
--color-crow-500: #92808d;
--color-crow-600: #7b6c77;
--color-crow-700: #63575f;
--color-crow-800: #483f46;
--color-crow-900: #322b30;
--color-crow-950: #1e191d;
}SCSS
$crow: #20141d;
$crow-rgb: 32, 20, 29;
$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);
}