Couleur nommée la plus proche · #A64B48
#A64B48
Couleur nommée la plus proche: Lumberjack
#A64B48 (rgb(166 75 72), hsl(2 39% 47%), oklch(0.529 0.121 24)) est la plus proche de la couleur nommée Lumberjack. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#A64B48
oklch(0.529 0.121 24)
Conversions de couleur
- HEX
- #a64b48
- RGB
- rgb(166 75 72)
- HSL
- hsl(2 39% 47%)
- HWB
- hwb(2 28% 35%)
- OKLCH
- oklch(0.529 0.121 24)
- OKLab
- oklab(0.529 0.111 0.049)
- CIE Lab
- lab(44.12 38.13 20.92)
- LCH
- lch(44.12 43.49 28.7)
- CMYK
- cmyk(0% 55% 57% 35%)
Teintes · Ombres · Tons
Teintes
- B05D59
- BA6F6A
- C4817C
- CE928E
- D7A4A0
- DFB6B2
- E8C8C5
- F0DAD8
- F8ECEB
Ombres
- 90403D
- 7A3533
- 652B29
- 51211F
- 3E1716
- 2B0E0D
- 1A0606
- 0A0202
- 010000
Tons
- A3514E
- A05754
- 9D5D59
- 9A635F
- 966864
- 926D6A
- 8E726F
- 8A7775
- 857B7A
Harmonies de couleurs
Complémentaire +180°
- A64B48
Lumberjack
- 007A83
≈ Mediterranean Cove
Analogue -30° +30°
- A64B48
Lumberjack
- 9F4A70
≈ Ancient Fuchsia
- A05518
≈ Bright Bronze
Triadique +120° +240°
- A64B48
Lumberjack
- 397D3B
≈ Mermaid’s Tail
- 4768B1
≈ Waterline Blue
Complémentaire divisée +150° +210°
- A64B48
Lumberjack
- 007E67
≈ Generic Viridian
- 0075A1
≈ Summer Lake
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
AASur blanc
WCAG 5.64:1 · APCA Lc 78
Ag
FailSur noir
WCAG 3.72:1 · APCA Lc 24
Meilleure couleur de texte: #FFFFFF
WCAG 5.64:1 (AA) · APCA Lc 78
Contrast pairs
Extraits de code
CSS
:root {
--lumberjack: #a64b48;
--lumberjack-rgb: 166 75 72;
--lumberjack-oklch: oklch(0.529 0.121 24);
}
.element {
color: var(--lumberjack);
background-color: hsl(2 39% 47%);
border-color: oklch(0.529 0.121 24);
}Tailwind CSS v4
@theme {
--color-lumberjack: #a64b48;
--color-lumberjack-50: #ffe9e3;
--color-lumberjack-100: #ffd9d3;
--color-lumberjack-200: #ffc1b9;
--color-lumberjack-300: #ef9f97;
--color-lumberjack-400: #dd817b;
--color-lumberjack-500: #ca625e;
--color-lumberjack-600: #ab5350;
--color-lumberjack-700: #894340;
--color-lumberjack-800: #662f2f;
--color-lumberjack-900: #482020;
--color-lumberjack-950: #2e0f0f;
}SCSS
$lumberjack: #a64b48;
$lumberjack-rgb: 166, 75, 72;
$lumberjack-light: mix(#fff, $lumberjack, 20%);
$lumberjack-dark: mix(#000, $lumberjack, 20%);
.element {
color: $lumberjack;
box-shadow: 0 0 0 2px rgba($lumberjack, 0.35);
}