Najbliższy nazwany kolor · #493F18
#493F18
Najbliższy nazwany kolor: Madras
#493F18 (rgb(73 63 24), hsl(48 51% 19%), oklch(0.369 0.058 95)) jest najbliższy nazwanemu kolorowi Madras. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#493F18
oklch(0.369 0.058 95)
Konwersje koloru
- HEX
- #493f18
- RGB
- rgb(73 63 24)
- HSL
- hsl(48 51% 19%)
- HWB
- hwb(48 9% 71%)
- OKLCH
- oklch(0.369 0.058 95)
- OKLab
- oklab(0.369 -0.005 0.058)
- CIE Lab
- lab(27.02 0.39 24.98)
- LCH
- lch(27.02 24.99 89.1)
- CMYK
- cmyk(0% 14% 67% 71%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 59502E
- 6A6243
- 7B7459
- 8D876F
- 9F9A86
- B2AD9D
- C4C1B5
- D8D5CD
- EBEAE6
Odcienie ciemniejsze
- 3E3513
- 342C0F
- 2A230A
- 201B07
- 171204
- 0E0A02
- 060401
- 020100
- 000000
Tony
- 4E4523
- 544C2E
- 595238
- 5E5842
- 645F4C
- 696557
- 6F6C61
- 75736B
- 7A7976
Harmonie kolorów
Komplementarna +180°
- 493F18
Madras
- 363D5E
≈ Mangosteen
Analogowa -30° +30°
- 493F18
Madras
- 54391C
≈ Kuro Brown
- 384521
≈ Ceylanite
Triada +120° +240°
- 493F18
Madras
- 104752
≈ Midnight Green
- 52334C
≈ Grimace
Komplementarna rozszczepiona +150° +210°
- 493F18
Madras
- 23425C
≈ Blue Accolade
- 473758
≈ Purple Plumeria
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 10.46:1 · APCA Lc 94
Ag
FailNa czerni
WCAG 2.00:1 · APCA Lc 8
Najlepszy kolor tekstu: #FFFFFF
WCAG 10.46:1 (AAA) · APCA Lc 94
Contrast pairs
Fragmenty kodu
CSS
:root {
--madras: #493f18;
--madras-rgb: 73 63 24;
--madras-oklch: oklch(0.369 0.058 95);
}
.element {
color: var(--madras);
background-color: hsl(48 51% 19%);
border-color: oklch(0.369 0.058 95);
}Tailwind CSS v4
@theme {
--color-madras: #493f18;
--color-madras-50: #faf6e3;
--color-madras-100: #ede8d3;
--color-madras-200: #dbd5b9;
--color-madras-300: #bfb897;
--color-madras-400: #a99f78;
--color-madras-500: #928659;
--color-madras-600: #7b724c;
--color-madras-700: #635b3d;
--color-madras-800: #49422b;
--color-madras-900: #332e1d;
--color-madras-950: #1e1a0d;
}SCSS
$madras: #493f18;
$madras-rgb: 73, 63, 24;
$madras-light: mix(#fff, $madras, 20%);
$madras-dark: mix(#000, $madras, 20%);
.element {
color: $madras;
box-shadow: 0 0 0 2px rgba($madras, 0.35);
}