Najbliższy nazwany kolor · #2F1C1C
#2F1C1C
Najbliższy nazwany kolor: Aubergine
#2F1C1C (rgb(47 28 28), hsl(0 25% 15%), oklch(0.251 0.03 19.4)) jest najbliższy nazwanemu kolorowi Aubergine. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#2F1C1C
oklch(0.251 0.03 19.4)
Konwersje koloru
- HEX
- #2f1c1c
- RGB
- rgb(47 28 28)
- HSL
- hsl(0 25% 15%)
- HWB
- hwb(0 11% 82%)
- OKLCH
- oklch(0.251 0.03 19.4)
- OKLab
- oklab(0.251 0.028 0.01)
- CIE Lab
- lab(12.83 9.65 4.05)
- LCH
- lch(12.83 10.47 22.8)
- CMYK
- cmyk(0% 40% 40% 82%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 412F2F
- 544343
- 685858
- 7C6E6D
- 918484
- A69C9B
- BCB4B3
- D2CCCC
- E8E5E5
Odcienie ciemniejsze
- 271717
- 201212
- 190D0D
- 120808
- 0C0505
- 060202
- 030101
- 010000
- 000000
Tony
- 372525
- 3F2E2E
- 473838
- 4F4141
- 574B4B
- 5F5655
- 676060
- 6F6A6A
- 787575
Harmonie kolorów
Komplementarna +180°
- 2F1C1C
Aubergine
- 0E2627
≈ Sunken Ship
Analogowa -30° +30°
- 2F1C1C
Aubergine
- 2D1C24
≈ Shikon
- 2E1E15
≈ Weathervane
Triada +120° +240°
- 2F1C1C
Aubergine
- 1A2617
≈ Deep Slate Olive
- 192230
≈ Dark
Komplementarna rozszczepiona +150° +210°
- 2F1C1C
Aubergine
- 12271F
≈ Deep Slate Green
- 11252E
≈ Sunken Ship
Tetrada +90° +180° +270°
- 2F1C1C
Aubergine
- 232312
≈ Black Mesa
- 0E2627
≈ Sunken Ship
- 212030
≈ Black Howl
Kontrast i dostępność
Ag
AAANa bieli
WCAG 16.10:1 · APCA Lc 103
Ag
FailNa czerni
WCAG 1.30:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 16.10:1 (AAA) · APCA Lc 103
Contrast pairs
Fragmenty kodu
CSS
:root {
--aubergine: #2f1c1c;
--aubergine-rgb: 47 28 28;
--aubergine-oklch: oklch(0.251 0.03 19.4);
}
.element {
color: var(--aubergine);
background-color: hsl(0 25% 15%);
border-color: oklch(0.251 0.03 19.4);
}Tailwind CSS v4
@theme {
--color-aubergine: #2f1c1c;
--color-aubergine-50: #fef2f1;
--color-aubergine-100: #f2e4e3;
--color-aubergine-200: #e1cfce;
--color-aubergine-300: #c7b2b1;
--color-aubergine-400: #b09897;
--color-aubergine-500: #997f7e;
--color-aubergine-600: #826b6b;
--color-aubergine-700: #685655;
--color-aubergine-800: #4c3e3e;
--color-aubergine-900: #352b2b;
--color-aubergine-950: #201818;
}SCSS
$aubergine: #2f1c1c;
$aubergine-rgb: 47, 28, 28;
$aubergine-light: mix(#fff, $aubergine, 20%);
$aubergine-dark: mix(#000, $aubergine, 20%);
.element {
color: $aubergine;
box-shadow: 0 0 0 2px rgba($aubergine, 0.35);
}