Najbliższy nazwany kolor · #482D05
#482D05
Najbliższy nazwany kolor: Moelleux au Chocolat
#482D05 (rgb(72 45 5), hsl(36 87% 15%), oklch(0.323 0.065 71.2)) jest najbliższy nazwanemu kolorowi Moelleux au Chocolat. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#482D05
oklch(0.323 0.065 71.2)
Konwersje koloru
- HEX
- #482d05
- RGB
- rgb(72 45 5)
- HSL
- hsl(36 87% 15%)
- HWB
- hwb(36 2% 72%)
- OKLCH
- oklch(0.323 0.065 71.2)
- OKLab
- oklab(0.323 0.021 0.062)
- CIE Lab
- lab(21.33 10.12 28.22)
- LCH
- lch(21.33 29.97 70.3)
- CMYK
- cmyk(0% 37% 93% 72%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 594020
- 6A5337
- 7C674E
- 8D7B65
- A0907D
- B2A596
- C5BBAF
- D8D1C9
- EBE8E4
Odcienie ciemniejsze
- 3D2604
- 331F03
- 291802
- 1F1101
- 160B01
- 0D0600
- 060200
- 020100
- 000000
Tony
- 4E3515
- 533D21
- 59452D
- 5F4D39
- 645645
- 6A5E50
- 6F665C
- 756F68
- 7A7774
Harmonie kolorów
Komplementarna +180°
- 482D05
Moelleux au Chocolat
- 183554
≈ Incremental Blue
Analogowa -30° +30°
- 482D05
Moelleux au Chocolat
- 4F2718
≈ Couch
- 3B3403
≈ Hidden Passage
Triada +120° +240°
- 482D05
Moelleux au Chocolat
- 003C3A
≈ Customs Green
- 3E294C
≈ Operetta Mauve
Komplementarna rozszczepiona +150° +210°
- 482D05
Moelleux au Chocolat
- 003A49
≈ Natural Indigo
- 2E2F54
≈ Purple Noir
Tetrada +90° +180° +270°
- 482D05
Moelleux au Chocolat
- 0A3E29
≈ Mizukaze Green
- 183554
≈ Incremental Blue
- 49253D
≈ Prestige Mauve
Kontrast i dostępność
Ag
AAANa bieli
WCAG 12.70:1 · APCA Lc 99
Ag
FailNa czerni
WCAG 1.65:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 12.70:1 (AAA) · APCA Lc 99
Contrast pairs
Fragmenty kodu
CSS
:root {
--moelleux-au-chocolat: #482d05;
--moelleux-au-chocolat-rgb: 72 45 5;
--moelleux-au-chocolat-oklch: oklch(0.323 0.065 71.2);
}
.element {
color: var(--moelleux-au-chocolat);
background-color: hsl(36 87% 15%);
border-color: oklch(0.323 0.065 71.2);
}Tailwind CSS v4
@theme {
--color-moelleux-au-chocolat: #482d05;
--color-moelleux-au-chocolat-50: #fff3e1;
--color-moelleux-au-chocolat-100: #f6e5d1;
--color-moelleux-au-chocolat-200: #e6d1b6;
--color-moelleux-au-chocolat-300: #ccb393;
--color-moelleux-au-chocolat-400: #b79874;
--color-moelleux-au-chocolat-500: #a27f55;
--color-moelleux-au-chocolat-600: #896c49;
--color-moelleux-au-chocolat-700: #6d563a;
--color-moelleux-au-chocolat-800: #513e29;
--color-moelleux-au-chocolat-900: #392b1c;
--color-moelleux-au-chocolat-950: #23180c;
}SCSS
$moelleux-au-chocolat: #482d05;
$moelleux-au-chocolat-rgb: 72, 45, 5;
$moelleux-au-chocolat-light: mix(#fff, $moelleux-au-chocolat, 20%);
$moelleux-au-chocolat-dark: mix(#000, $moelleux-au-chocolat, 20%);
.element {
color: $moelleux-au-chocolat;
box-shadow: 0 0 0 2px rgba($moelleux-au-chocolat, 0.35);
}